@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}
@font-face{font-family:'Plex';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}
@font-face{font-family:'Plex';font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ground:#F2F4F6; --surface:#FFFFFF; --ink:#18212C; --ink-2:#3D4856; --muted:#596473;
  --line:#D8DDE3; --steel:#E9EDF1; --accent:#3446A8; --accent-tint:#ECEEF9; --tick:#4A5564;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.5 'Plex',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-feature-settings:"tnum" 0}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
h1,h2{margin:0;font-weight:600;letter-spacing:-.01em}
p{margin:0}

.layout{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,var(--surface) 0 271px,var(--line) 271px 272px,transparent 272px)}

/* левая колонка */
.side{background:var(--surface);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px 20px;overflow-y:auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:0 8px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}
.logo{flex:none;width:44px;height:44px;border:1.5px dashed #9AA4B1;border-radius:8px;display:grid;place-items:center;font-size:11px;color:var(--muted)}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-text strong{font-weight:600;font-size:15px}
.brand-text span{font-size:13px;color:var(--muted)}
.nav{display:flex;flex-direction:column;gap:2px}
.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-size:15px;line-height:1.25}
.nav-link:hover{background:var(--steel);color:var(--ink)}
.nav-link[aria-current="page"]{background:var(--accent);color:#fff}
.nav-link[aria-current="page"] .ico{color:#fff}
.ico{flex:none;width:22px;height:22px;color:var(--muted)}
.nav-group{font-size:13px;color:var(--muted);padding:16px 10px 6px}
.side-foot{margin-top:auto;padding:18px 10px 0;font-size:13px;color:var(--muted);line-height:1.45}
.side-foot a{font-size:14px}

/* контент */
.main{padding:36px 44px 64px;max-width:1240px;width:100%}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.panel-title{flex:1 1 420px;max-width:640px}
.panel-title h1{font-size:34px;line-height:1.15}
.panel-title p{margin-top:10px;color:var(--ink-2);font-size:16.5px;line-height:1.55}
.order{flex:0 1 400px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.order-label{font-size:13px;color:var(--muted)}
.order-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.order-mail{font-size:20px;font-weight:600;color:var(--accent);text-decoration:none;word-break:break-all}
.order-mail:hover{text-decoration:underline}
.copy{font:inherit;font-size:13px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 10px;min-height:32px;cursor:pointer}
.copy:hover{border-color:var(--ink-2)}
.order-hint{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.4}

/* фирменная деталь: шкала, как на измерительной линейке */
.scale{height:16px;margin:28px 0 28px;border-top:1.5px solid var(--tick);
  background-image:
    repeating-linear-gradient(90deg,var(--tick) 0 1.5px,transparent 1.5px 60px),
    repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 30px),
    repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 6px);
  background-size:100% 16px,100% 10px,100% 5px;background-repeat:no-repeat;background-position:0 0}

/* товары */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.item{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.item-img{background:var(--steel);aspect-ratio:16/9;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.item-img svg{width:88%;height:auto}
.item-body{padding:18px 18px 18px;display:flex;flex-direction:column;flex:1}
.item h2{font-size:18px;line-height:1.3}
.item-desc{margin-top:8px;color:var(--ink-2);font-size:15px;line-height:1.55}
.item-spec{margin:14px 0 0;display:grid;gap:4px}
.item-spec div{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dotted var(--line);padding-bottom:4px}
.item-spec dt{color:var(--muted)}
.item-spec dd{margin:0;color:var(--ink);text-align:right}
.buy{margin-top:auto;padding-top:16px}
.prices-cap{font-size:13px;color:var(--muted);margin-bottom:6px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.price{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink);background:var(--surface);min-height:44px}
.price:hover{border-color:var(--accent);background:var(--accent-tint)}
.price:hover .price-val{color:var(--accent)}
.price-label{font-size:12.5px;line-height:1.3;color:var(--muted)}
.price-val{font-size:16.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* о нас */
.facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fact{background:var(--surface);padding:18px 20px}
.fact dt{font-weight:600;font-size:16px}
.fact dd{margin:6px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.block{margin-top:44px}
.block h2{font-size:22px}
.block-lead{margin-top:8px;color:var(--ink-2);max-width:640px}
.dir{list-style:none;margin:16px 0 0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.dir-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.3fr);align-items:center;gap:16px;padding:10px 18px;border-top:1px solid var(--line)}
.dir-row:first-child{border-top:0}
.dir-name{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:600;min-height:40px}
.dir-name:hover{color:var(--accent)}
.dir-gost{color:var(--muted);font-size:14px}
.dir-mail{font-size:15px;text-decoration:none;word-break:break-all}
.dir-mail:hover{text-decoration:underline}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.steps{margin:14px 0 0;padding:0 0 0 22px;color:var(--ink-2);line-height:1.55}
.steps li{padding-left:6px;margin-bottom:10px}
.steps li::marker{color:var(--accent);font-weight:600}
.req{margin:14px 0 0;display:grid;gap:8px}
.req div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:15px}
.req dt{color:var(--muted)}
.req dd{margin:0}

/* телефон и планшет */
@media (max-width:900px){
  .layout{display:block;background:none}
  .side{position:sticky;top:0;z-index:5;height:auto;flex-direction:column;padding:10px 0 0;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
  .brand{padding:0 16px 10px;margin:0;border-bottom:0}
  .logo{width:34px;height:34px;font-size:10px}
  .brand-text strong{font-size:14px}
  .nav{flex-direction:row;overflow-x:auto;gap:6px;padding:0 16px 10px;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav-link{flex:none;min-height:40px;padding:8px 12px;border:1px solid var(--line);font-size:14px;white-space:nowrap}
  .nav-group,.side-foot{display:none}
  .main{padding:22px 16px 48px}
  .panel-head{gap:18px}
  .panel-title{flex-basis:100%}
  .panel-title h1{font-size:26px}
  .panel-title p{font-size:15.5px}
  .order{flex-basis:100%;padding:12px 14px}
  .order-mail{font-size:17px}
  .copy{display:none}
  .order-hint{margin-top:4px}
  .item-img{aspect-ratio:2/1}
  .item-body{padding:16px}
  .scale{margin:22px 0}
  .grid{grid-template-columns:1fr;gap:16px}
  .price{padding:8px}
  .price-val{font-size:15px}
  .facts{grid-template-columns:1fr}
  .dir-row{grid-template-columns:1fr;gap:2px;padding:12px 16px}
  .two{grid-template-columns:1fr;gap:32px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 14px;padding-top:18px;border-top:1px solid var(--line)}
.tool-note{font-size:14px;color:var(--muted)}
.dl{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;color:#fff;background:#1F7A4D;border:0;border-radius:8px;padding:9px 14px;min-height:40px;cursor:pointer}
.dl:hover{background:#18653F}
.dl svg{width:18px;height:18px}
.about-dl{margin-top:16px}
.zoom-in{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.zoom-in>.zoom-box{overflow:hidden;min-height:0}
.zoom-in.open{grid-template-rows:1fr}
@media (prefers-reduced-motion:reduce){.zoom-in{transition:none}}

.scale{margin:24px 0 20px}
.sheet-wrap{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow-x:auto}
.xl{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.w-photo{width:120px}.w-p{width:130px}
.xl thead th{position:sticky;top:0;background:#E9EDF1;color:var(--ink);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1.5px solid var(--tick);border-right:1px solid var(--line);vertical-align:bottom}
.xl thead th:last-child{border-right:0}
.th-p{text-align:right!important}
.th-p small{display:block;font-weight:400;font-size:12px;color:var(--muted);white-space:nowrap;text-align:right}
.xl td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:8px 14px;vertical-align:middle}
.xl td:last-child{border-right:0}
.row:nth-of-type(4n+1) td{background:#FAFBFC}
.thumb{display:block;width:92px;height:52px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--steel);cursor:zoom-in}
.thumb[aria-expanded="true"]{border-color:var(--accent);cursor:zoom-out;box-shadow:0 0 0 2px var(--accent-tint)}
.thumb svg{width:100%;height:100%}
.c-name strong{display:block;font-weight:600}
.c-name span{display:block;font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:2px;max-width:560px}
.c-price{text-align:right;white-space:nowrap}
.cell-price{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;padding:6px 8px;border-radius:6px;display:inline-block}
.cell-price:hover{background:var(--accent-tint);color:var(--accent)}
.zoom td{padding:0;border-bottom:0}
.zoom-in.open{border-bottom:1px solid var(--line)}
.zoom-box{display:flex;justify-content:center;background:var(--steel)}
.zoom-box svg{width:min(560px,90%);height:auto;margin:18px 0}
@media (max-width:900px){.toolbar{flex-wrap:wrap}.dl{width:100%;justify-content:center}
  .xl{min-width:0;font-size:12.5px;table-layout:fixed}.w-photo{width:50px}.w-p{width:64px}
  .xl thead th{padding:8px 6px;font-size:12px}.th-p small{display:none}
  .xl td{padding:6px}.c-name span{display:none}.c-name strong{font-size:13.5px;line-height:1.3}
  .thumb{width:40px;height:28px;padding:1px}.cell-price{padding:4px 0;font-size:12.5px}.c-name strong{word-break:break-word}
  .zoom-box svg{width:94%}}

.thumb img{width:100%;height:100%;object-fit:contain;display:block}
.zoom-box img{width:min(560px,90%);height:auto;margin:18px 0;object-fit:contain;max-height:420px}
.dl{text-decoration:none}
.timeline{list-style:none;margin:16px 0 0;padding:0;border-left:1.5px solid var(--tick);max-width:760px}
.timeline li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:0 0 18px 20px;position:relative}
.timeline li::before{content:"";position:absolute;left:-6px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:1.5px solid var(--accent)}
.t-year{font-weight:600;color:var(--accent)}
.timeline p{color:var(--ink-2);line-height:1.55}
@media (max-width:900px){.timeline li{grid-template-columns:1fr;gap:2px}}
.facts.prod{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.facts.prod{grid-template-columns:1fr}}
.logo-img{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}
@media (max-width:900px){.logo-img{width:34px;height:34px}}

/* --- упрощённый вид --- */
.panel-head.simple{display:block}
.panel-head.simple h1{font-size:30px;line-height:1.2}
.lead{margin-top:8px;color:var(--ink-2);font-size:16px;line-height:1.55;max-width:680px}
.toolbar{margin:20px 0 14px;padding-top:0;border-top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.order-line{font-size:15px;color:var(--ink-2)}
.order-line a{font-weight:600;text-decoration:none}
.order-line a:hover{text-decoration:underline}
.dl{background:var(--surface);color:var(--ink);border:1px solid var(--line);font-weight:500}
.dl:hover{background:var(--surface);border-color:var(--ink-2)}
.brand{padding:10px;margin:0 0 12px;border-bottom:0;border-radius:10px}
.brand:hover{background:var(--steel)}
.brand[aria-current="page"]{background:var(--accent-tint)}
.brand[aria-current="page"] .brand-text span{color:var(--accent)}
.nav{border-top:1px solid var(--line);padding-top:12px}
.facts{background:none;border:0;border-radius:0;gap:24px 32px;margin-top:28px}
.fact{background:none;padding:0}
.dir{background:none;border:0;border-radius:0;border-top:1px solid var(--line)}
.dir-row{padding:8px 0;border-top:0;border-bottom:1px solid var(--line)}
.dir-row:first-child{border-top:0}
.timeline{border-left:0}
.timeline li{padding-left:0}
.timeline li::before{display:none}
.req div{grid-template-columns:140px 1fr}
@media (max-width:900px){
  .brand{padding:0 16px 10px;margin:0;border-radius:0}
  .brand[aria-current="page"]{background:none}
  .nav{border-top:0;padding-top:0}
  .panel-head.simple h1{font-size:24px}
  .toolbar{flex-direction:column;align-items:stretch}
}
.mail-copy{font:inherit;font-weight:600;color:var(--accent);background:none;border:0;padding:0;cursor:copy;border-bottom:1px dashed var(--accent);user-select:all}
.mail-copy:hover{border-bottom-style:solid}
.copied{margin-left:10px;font-size:13px;color:#1F7A4D}
.cell-price:hover{background:none;color:var(--ink)}
.xl tr.grp td{background:#E9EDF1;font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line)}
.xl thead th.th-cap{text-align:center;border-bottom:1px solid var(--line);padding:8px 14px 6px;font-size:13px;color:var(--ink-2)}
.xl thead tr:last-child th.th-p{text-align:center!important}
.c-price{text-align:center}
/* --- компактная таблица под содержимое --- */
.sheet-wrap{display:inline-block;max-width:100%;vertical-align:top}
.xl{width:auto;min-width:0}
.w-photo{width:auto}.w-p{width:auto}
.xl td.c-photo{padding:6px 12px;width:1%}
.thumb{width:60px;height:38px}
.xl td.c-name{min-width:260px;padding-right:32px}
.xl td.c-price,.xl thead tr:last-child th.th-p{min-width:110px;padding-left:18px;padding-right:18px}
.xl tr.grp td{text-align:center;font-size:15px;letter-spacing:.01em;background:#DDE3EA;color:var(--ink);padding:12px 14px;border-top:1.5px solid var(--tick);border-bottom:1px solid var(--tick)}
.row td{padding-top:6px;padding-bottom:6px}
@media (max-width:900px){.sheet-wrap{display:block}.xl{width:100%}.xl td.c-name{min-width:0;padding-right:6px}.xl td.c-price,.xl thead tr:last-child th.th-p{min-width:0;padding-left:4px;padding-right:4px}.thumb{width:40px;height:28px}.xl tr.grp td{font-size:13px;padding:8px}}
@media (max-width:900px){.xl thead th{font-size:11px;padding:6px 4px;white-space:normal;hyphens:auto;word-break:break-word}.xl td.c-photo{padding:4px}.thumb{width:34px;height:24px}.c-name strong{font-size:12.5px}}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.topname{font-size:32px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.15}
.topphone{font-size:28px;font-weight:600;color:#C8102E;text-decoration:none;white-space:nowrap}
.topphone:hover{text-decoration:underline}
.vat-note{margin-top:8px;font-size:12.5px;color:var(--ink);opacity:.5}
@media (max-width:900px){.topname{font-size:22px}.topphone{font-size:22px}.topbar{padding-bottom:12px;margin-bottom:16px}}
.topbrand{display:flex;align-items:center;gap:18px}
.toplogo{width:72px;height:72px;object-fit:contain;flex:none}
.topsub{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.topname{font-size:34px;font-weight:600;color:#C8102E;letter-spacing:-.005em}
.logo-img{background:#fff;object-fit:contain;padding:3px}
.thumb img{object-fit:contain;padding:4px;background:#fff}
.zoom-box img{max-height:260px;background:#fff;border-radius:50%}
@media (max-width:900px){.toplogo{width:48px;height:48px}.topname{font-size:22px}.topsub{font-size:11px}.topbrand{gap:12px}}
.c-price .cell-price{display:block}
.c-price .vat{display:block;font-size:11.5px;font-weight:400;color:var(--ink);opacity:.5;white-space:nowrap;margin-top:1px}
@media (max-width:900px){.c-price .vat{font-size:10px}}
@media (max-width:900px){.c-price .vat{white-space:normal;line-height:1.25;font-size:9.5px}}
.cap-vat{font-size:11px;font-weight:400;opacity:.55}
/* --- этап 1: доверие --- */
:root{--accent:#C8102E;--accent-tint:#FBEAEC;--ground:#FFFFFF}
body{background:#fff}
.layout{background:linear-gradient(90deg,#FAFAFA 0 271px,var(--line) 271px 272px,#fff 272px)}
.side{background:#FAFAFA}
.main{padding-top:40px}
.topbar{padding-bottom:26px;margin-bottom:34px}
.h-gost{font-size:15px;font-weight:400;color:var(--muted);margin-left:12px;vertical-align:middle}
.trust{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.trust li{font-size:13px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:#fff}
.price-date{font-size:12.5px;color:var(--muted);margin:0 0 8px}
.mail-copy{color:var(--accent);border-bottom-color:var(--accent)}
.xl thead th{background:#F4F5F7}
.xl tr.grp td{background:#F4F5F7;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.foot{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 22px;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.layout{background:none}.side{background:#fff}.h-gost{display:block;margin:4px 0 0;font-size:13px}.foot{flex-direction:column}}
.nil{color:var(--muted);opacity:.6}
.req .hint{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.req a,.foot a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.req a:hover,.foot a:hover{color:var(--accent);text-decoration-color:var(--accent)}
.src{margin-top:10px;font-size:12.5px;color:var(--muted)}
.src a{color:var(--muted)}
/* строка над таблицей: Госреестр СИ и дата цен */
.price-date{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;align-items:baseline}
.price-date .reg{color:var(--ink-2)}
.price-date .reg .mail-copy{font-size:inherit;font-weight:600}
.price-date a{color:var(--muted)}
.price-date a:hover{color:var(--accent)}
.copied:empty{margin:0}
/* продавец под заголовком раздела */
.seller{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.seller .mail-copy{font-weight:600}
/* подпись в окне фото */
.zoom-cap{display:flex;flex-direction:column;gap:3px;margin-top:10px;font-size:13.5px;color:var(--ink-2);text-align:left}
.zoom-cap strong{font-size:15px;color:var(--ink)}
/* «нашли ошибку» */
.fix-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.fix-note .mail-copy{font-weight:500}
.vat .nw{white-space:nowrap}
.docs-line{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.docs-line a{color:var(--ink-2)}
.docs-line a:hover,.docs-line .docs-jump:hover{color:var(--accent)}
.docs-line .docs-jump{color:var(--muted)}
.docs{margin:28px 0 8px}
.docs h2{font-size:18px;margin:0 0 4px;color:var(--ink)}
.docs-note{margin:0 0 14px;font-size:13px;color:var(--muted)}
.doc-cards{display:flex;flex-wrap:wrap;gap:16px}
.doc-card{display:flex;flex-direction:column;gap:4px;width:180px;padding:10px;border:1px solid var(--line,#e3e5e8);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.doc-card:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.doc-card img{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:4px;border:1px solid #eee;background:#fafafa}
.doc-t{font-size:13.5px;font-weight:600;line-height:1.3}
.doc-m{font-size:12px;color:var(--muted)}
@media (max-width:520px){.doc-card{width:calc(50% - 8px)}}
/* --- колонка «Цена без поверки»: под запрос + почта (копируется) --- */
.xl thead th.th-req{text-align:center;vertical-align:middle}
.xl td.c-req{text-align:center;min-width:150px;padding-left:14px;padding-right:14px}
.c-req .req-t{display:block;font-weight:600;color:var(--ink);margin-bottom:2px}
.c-req .mail-copy{font-size:13px}
.c-req .copied{display:block;margin:2px 0 0;font-size:12px}
@media (max-width:900px){.xl td.c-req{min-width:0;padding:6px 4px}.c-req .req-t{font-size:12px}.c-req .mail-copy{font-size:11px}.xl thead th.th-req{font-size:12px}}
/* --- плашка о cookies --- */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;display:flex;gap:14px;align-items:center;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px rgba(20,25,35,.12);font-size:13.5px;line-height:1.45}
.cookie-bar[hidden]{display:none}
.cookie-bar p{margin:0;color:var(--ink-2,#333)}
.cookie-ok{flex:0 0 auto;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}
.cookie-ok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:600px){.cookie-bar{flex-direction:column;align-items:stretch;font-size:12.5px}}

/* предпросмотр: подраздел «Производство и поверка» */
.pz-lead{font-size:16px;margin:0 0 14px;max-width:62ch}
.pz-steps{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pz-steps li{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}
.pz-steps b{display:flex;align-items:center;gap:8px;font-size:15px;margin:10px 12px 2px}.pz-steps li>span{font-size:13px;color:var(--muted);margin:0 12px 12px;line-height:1.4}
.pz-steps .n{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.ph{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#F2F4F6,#F2F4F6 10px,#EAEDF0 10px,#EAEDF0 20px);border-bottom:1px dashed #B9C0C8;color:#7A8491;font-size:12.5px}
.ph-inline{display:inline-block;border:1px dashed #B9C0C8;border-radius:6px;padding:0 8px;color:#7A8491;background:#F6F7F9}
.pz-lab{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;font-size:14.5px}
.pz-cta{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:center;border:1px solid var(--accent);color:var(--accent);border-radius:10px;padding:10px 14px;font-weight:600;font-size:14.5px;text-decoration:none}
.pz-cta:hover{background:var(--accent-tint)}.pz-cta .em{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pz-cta .cp{width:14px;height:14px}
.pz-cta.solid{background:var(--accent);color:#fff;margin-top:10px}.pz-cta.solid:hover{filter:brightness(1.08);background:var(--accent)}
.pz-sub{font-size:16px;margin:22px 0 10px}
.pz-q{border:1px solid var(--line);border-radius:10px;background:var(--surface);margin:0 0 8px;padding:0 14px}
.pz-q summary{cursor:pointer;font-weight:600;font-size:15px;padding:12px 0}
.pz-q p{margin:0 0 12px;font-size:14.5px;line-height:1.55}
.doc-cards{display:flex;flex-wrap:wrap;gap:16px}
.doc-card{display:flex;flex-direction:column;gap:4px;width:170px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--ink)}
.doc-card img{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:4px;border:1px solid #eee}
.doc-t{font-size:13.5px;font-weight:600;line-height:1.3}.doc-m{font-size:12px;color:var(--muted)}
.pv-banner{background:#FFF6DA;color:#6B4E00;font-size:13px;padding:8px 14px;border-radius:8px;margin:0 0 14px}
@media (max-width:700px){.pz-steps{grid-template-columns:1fr}}


.perks{list-style:none;margin:16px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.perks li{position:relative;min-width:0}
.perk{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;text-decoration:none;cursor:default}
button.perk,a.perk{cursor:pointer;transition:border-color .15s,background .15s}
button.perk:hover,a.perk:hover{border-color:var(--accent);background:var(--accent-tint)}
.perk:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.perk-ic{flex:0 0 34px;height:34px;border-radius:50%;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center}
.perk-ic svg{width:19px;height:19px}
.perk-t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.perk-t b{font-size:14px;font-weight:600;color:var(--ink)}
.perk-t small{font-size:12.5px;color:var(--muted);margin-top:2px}
.perks .copied{position:absolute;right:10px;top:6px;margin:0;font-size:11.5px}
@media (max-width:1100px){.perks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .perks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:12px -16px 14px;padding:0 16px 4px;scrollbar-width:none}
  .perks::-webkit-scrollbar{display:none}
  .perks li{flex:0 0 72%;scroll-snap-align:start}
  .perk{padding:9px 10px}.perk-ic{flex-basis:30px;height:30px}.perk-ic svg{width:17px;height:17px}
  .perk-t b{font-size:13.5px}.perk-t small{font-size:12px}}
.perk-t small.cta{color:var(--accent);font-weight:600}
.perk-t small.cta .em{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.perk-t small.cta .cp{width:13px;height:13px;flex:0 0 13px}
.perks .copied{top:auto;bottom:-18px;right:auto;left:12px;white-space:nowrap}
.tender{margin:28px 0 8px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--surface);padding:20px 22px}
.tender-head{display:flex;gap:20px;align-items:center;justify-content:space-between}
.tender h2{font-size:19px;margin:0 0 6px;color:var(--ink)}
.tender-head p{margin:0;font-size:14.5px;color:var(--muted);max-width:62ch;line-height:1.5}
.tender-btn{flex:0 0 auto;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:15px;padding:13px 20px;cursor:pointer;max-width:260px;line-height:1.3;text-align:center}
.tender-btn:hover{filter:brightness(1.08)}.tender-btn[aria-expanded="true"]{background:var(--ink)}
.tender-btn:focus-visible,.tender-send:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tender-form{margin-top:18px;border-top:1px solid var(--line);padding-top:6px}
.tender-form fieldset{border:0;margin:0;padding:12px 0;border-bottom:1px dashed var(--line)}
.tender-form legend{font-weight:600;font-size:14.5px;padding:0;margin-bottom:10px;color:var(--ink)}
.tf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tf{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
.tf.wide{grid-column:1/-1}
.tf input,.tf select,.tf textarea{font:inherit;font-size:14.5px;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff}
.tf input:focus,.tf select:focus,.tf textarea:focus{outline:2px solid var(--accent-tint);border-color:var(--accent)}
.tf small{font-size:12px}
.tf-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.tf-item{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14.5px;background:var(--steel,#F2F4F6)}
.tf-item span:first-child{flex:1}.tf-qty{font-variant-numeric:tabular-nums;color:var(--muted)}
.tf-x{border:0;background:none;font-size:18px;line-height:1;color:var(--muted);cursor:pointer}
.tf-add{align-self:flex-start;border:1px dashed var(--accent);background:none;color:var(--accent);font:inherit;font-weight:600;font-size:14px;border-radius:8px;padding:7px 12px;cursor:pointer}
.tf-file{display:block;font-size:13.5px;color:var(--muted);margin-top:10px}
.tf-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;font-size:14px;color:var(--ink)}
.tf-checks label,.tf-agree{display:flex;gap:8px;align-items:flex-start}
.tf-checks input,.tf-agree input{margin-top:3px;accent-color:var(--accent)}
.tf-agree{font-size:13.5px;color:var(--muted);margin-top:12px}
.tf-foot{display:flex;gap:16px;align-items:center;padding-top:16px;flex-wrap:wrap}
.tender-send{border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:15px;padding:12px 22px;cursor:pointer}
.tf-foot p{margin:0;font-size:13.5px;color:var(--muted);max-width:52ch}
.tf-done[hidden]{display:none}
.tf-done{margin-top:16px;display:flex;flex-direction:column;gap:4px;background:#E8F4EC;border-radius:10px;padding:14px 16px;font-size:14px;color:#1F4D33}
@media (max-width:760px){.tender{padding:16px}.tender-head{flex-direction:column;align-items:stretch}.tender-btn{max-width:none}.tf-grid,.tf-checks{grid-template-columns:1fr}}
.topmade{margin:4px 0 0;font-size:13px;color:var(--muted);letter-spacing:.01em}
.maker-badge{display:inline-block;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-tint);border-radius:999px;padding:2px 10px;margin-right:6px}
.avail{color:#1F7A4D;font-weight:600}
.pv-banner{background:#FFF6DA;color:#6B4E00;font-size:13px;padding:8px 14px;border-radius:8px;margin:0 0 14px}
.tb-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mk-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent);color:var(--accent);background:var(--accent-tint);border-radius:10px;padding:9px 14px;font-weight:600;font-size:14px;text-decoration:none}
.mk-btn:hover{background:var(--accent);color:#fff}
@media (max-width:900px){.tb-right{width:100%}.tb-right>a{flex:1;justify-content:center}}

.acc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;width:100%}
.acc li{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted);line-height:1.35}
.acc .acc-k{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.acc b{font-size:15px;color:var(--ink);line-height:1.3}
.acc li:first-child b{color:var(--accent);font-size:17px;letter-spacing:.01em}
.acc-new{border-color:#9BD3B0!important;background:#EEF8F1!important}.acc-new .acc-k{color:#1F7A4D;font-weight:600}
.acc a{color:var(--accent)}
.acc-arshin a{font-size:14px;color:var(--accent)}
@media (min-width:1100px){.acc{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* --- порядок и приоритет плашек: тендеры > цены завода > скидки --- */
.perks{grid-template-columns:1.5fr 1.1fr 1fr 1fr}
.perk-main{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;padding:12px 14px!important;cursor:pointer;flex-wrap:wrap;box-shadow:0 6px 18px rgba(200,16,46,.22)}
.perk-main:hover{filter:brightness(1.07)}
.perk-main .perk-ic{background:rgba(255,255,255,.18);color:#fff}
.perk-main .perk-t b{color:#fff;font-size:15.5px}.perk-main .perk-t small{color:rgba(255,255,255,.85)}
.perk-go{margin-left:auto;background:#fff;color:var(--accent);font-weight:700;font-size:13.5px;border-radius:8px;padding:6px 12px;white-space:nowrap}
.perk-2{border-color:var(--accent)!important;background:var(--accent-tint)!important}
.perk-2 .perk-t b{color:var(--accent)}
@media (max-width:1100px){.perks{grid-template-columns:repeat(3,minmax(0,1fr))}.perks li:first-child{grid-column:1/-1}}
@media (max-width:600px){
  .perks{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;margin:12px 0 14px!important;padding:0!important;gap:8px!important}
  .perks li{flex:none!important}
  .perks li:first-child,.perks li:nth-child(2){grid-column:1/-1}
  .perks li:nth-child(n+3) .perk-ic{display:none}
  .perks li:nth-child(n+3) .perk{padding:8px 10px}
  .perk-go{padding:6px 10px}}
/* --- окно приглашения на тендер --- */
.tm-back{position:fixed;inset:0;background:rgba(15,20,30,.45);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}
.tm-back[hidden]{display:none}
.tm{background:var(--surface,#fff);border-radius:14px;max-width:440px;width:100%;padding:22px 22px 18px;box-shadow:0 20px 50px rgba(0,0,0,.25);position:relative}
.tm h3{margin:0 0 6px;font-size:19px}
.tm p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.5}
.tm label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.tm input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;border:1px solid var(--line);border-radius:9px;padding:11px 12px}
.tm input:focus{outline:2px solid var(--accent-tint);border-color:var(--accent)}
.tm-send{width:100%;margin-top:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:15.5px;padding:12px;cursor:pointer}
.tm-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}
.tm-err{color:var(--accent);font-size:13px;margin-top:6px}
.tm-ok{background:#EEF8F1;color:#1F4D33;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}
.tm-note{font-size:12.5px!important;margin:10px 0 0!important}

/* ===== Тема «Графит + красный»: красный — действия и бренд, графит — каркас, сталь — фон групп ===== */
:root{--graphite:#1C222A;--graphite-2:#2A323D;--graphite-3:#3A4452;--paper:#F4F5F7;--ground:var(--paper);--steel-2:#E4E8ED}
body{background:var(--paper)}
.layout{background:linear-gradient(90deg,var(--graphite) 0 272px,transparent 272px)}
.side{background:var(--graphite);border-right:0}
.brand{color:#fff;border-bottom-color:rgba(255,255,255,.12)}
.brand-text span{color:#AEB6C2}
.brand[aria-current="page"],.brand.on{background:var(--graphite-2)}
.nav-link{color:#D4D9E0}.nav-link .ico{color:#8E98A6}
.nav-link:hover{background:var(--graphite-2);color:#fff}
.nav-link[aria-current="page"]{background:var(--accent);color:#fff;box-shadow:inset 3px 0 0 #fff}
.side-foot{color:#8E98A6}.side-foot a{color:#fff}
/* шапка: красная линия-подпись бренда */
.topbar{border-bottom:3px solid var(--accent)}
.topmade{color:var(--ink-2)}
/* метки */
.maker-badge{background:var(--graphite);color:#fff}
.maker-badge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:1px}
/* плашки: красный → графит → белый */
.perk-2{background:var(--graphite)!important;border-color:var(--graphite)!important}
.perk-2 .perk-t b{color:#fff}.perk-2 .perk-t small{color:#AEB6C2}
.perk-2 .perk-ic{background:rgba(255,255,255,.1);color:#FF6B7F}
.perk-2:hover{background:var(--graphite-2)!important}
.perk:not(.perk-main):not(.perk-2){border-color:var(--line);background:#fff}
/* кнопки */
.mk-btn{background:transparent;border-color:var(--graphite);color:var(--graphite)}
.mk-btn:hover{background:var(--graphite);color:#fff}
/* таблица: графитовая шапка, стальные группы с красной меткой */
.xl thead th{background:var(--graphite);color:#fff;border-right-color:var(--graphite-3);border-bottom:3px solid var(--accent)}
.xl thead tr+tr th,.xl thead th.th-p{background:var(--graphite-2)}
.grp td{background:var(--steel-2)!important;color:var(--graphite)!important;border-top:0!important;border-bottom:1px solid var(--line)!important;text-transform:uppercase;letter-spacing:.06em;font-size:13px!important;box-shadow:inset 4px 0 0 var(--accent)}
.row:hover td{background:#FFF6F7}
.row td.c-price:hover{background:#FDECEE}
.c-req .req-t{color:var(--graphite)}
.dl{border-color:var(--line)}
/* документы и подвал */
.docs h2,.pz h2{position:relative;padding-left:14px}
.docs h2::before,.pz h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--accent)}
.foot{background:var(--graphite);color:#C7CDD5;border-top:0;border-radius:12px;padding:18px 22px;margin-top:48px}
.foot a{color:#fff}
/* О заводе */
.fact{border-top:3px solid transparent}
.facts .fact:first-child{background:var(--graphite);color:#fff}.facts .fact:first-child dd{color:#C7CDD5}
.fact dt{color:var(--graphite)}.facts .fact:first-child dt{color:#FF6B7F;font-size:20px}
.timeline{border-left:2px solid var(--steel-2)}
.timeline li::before{background:var(--accent);border-color:var(--accent)}
.timeline li:last-child::before{box-shadow:0 0 0 4px rgba(200,16,46,.18)}
.pz-steps li{border-top:3px solid var(--accent)}
.pz-steps .n{background:var(--graphite)}
.acc li:first-child{background:var(--graphite);border-color:var(--graphite);color:#AEB6C2}
.acc li:first-child b{color:#FF6B7F}.acc li:first-child a{color:#fff}
.pz-q[open]{border-color:var(--graphite)}.pz-q[open] summary{color:var(--accent)}
.cookie-bar{background:var(--graphite);border-color:var(--graphite)}.cookie-bar p{color:#E3E7EC}
@media (max-width:900px){.layout{background:none}.side{position:static;height:auto}}
.facts .fact:first-child{background:inherit;color:inherit}.facts .fact:first-child dd{color:var(--ink-2)}.facts .fact:first-child dt{color:var(--graphite);font-size:16px}
.facts:not(.prod) .fact:first-child{background:var(--graphite);color:#fff;padding:14px 16px;border-radius:10px}
.facts:not(.prod) .fact:first-child dd{color:#C7CDD5}.facts:not(.prod) .fact:first-child dt{color:#FF6B7F;font-size:20px}
.facts:not(.prod) .fact dt{color:var(--accent)}
.xl thead th{color:#fff}.xl thead tr:first-child th[colspan]{color:#AEB6C2}