@font-face{font-family:'Suisse';font-weight:400;font-display:swap;src:url(fonts/Suisse-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(fonts/plex-mono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(fonts/plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-weight:400 600;font-display:swap;src:url(fonts/plex-sans-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Sans';font-weight:400 600;font-display:swap;src:url(fonts/plex-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Suisse';font-weight:700;font-display:swap;src:url(fonts/SuisseIntl-Bold.otf) format('opentype')}
/* Концепция «Номер» в стилистике образца: верхняя полоса в треть экрана из двух плашек, ниже тёмное монохромное фото. Числа сняты с образца 1162×777: красная плашка 49,05%, поле 2,24vw */
:root{--accent:#FE1800;--gray:#AEB0B0;--dark:#262626;--ink:#111;--white:#fff;--soft:#b9bbbb;--line:rgba(255,255,255,.34);--hair:#bcbdbd;--sheet:#E0E0E0;--sans:'Suisse','Helvetica Neue',Arial,sans-serif;--plex:'IBM Plex Sans',Arial,sans-serif;--mono:'IBM Plex Mono',Consolas,monospace;--pad:max(16px,2.24vw);--big:clamp(32px,3.3vw,74px);--bsub:clamp(20px,1.92vw,42px);--h2:clamp(28px,2.89vw,64px);--mid:clamp(25px,2.4vw,52px);--small:clamp(16px,1.38vw,24px);--abt:clamp(16px,1.08vw,20px);--gut:clamp(8px,.6vw,12px)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:var(--ink);font:400 18px/1.4 var(--sans)}
a{color:inherit;text-decoration:none}
.hero{display:grid;grid-template-rows:minmax(33.33vh,auto) 1fr;min-height:100vh;min-height:100svh}
.band{display:grid;grid-template-columns:49.05% 1fr}
.plate{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:var(--pad);padding-top:calc(var(--pad)*.6);min-width:0}
.plate.r{background:var(--accent);color:var(--white)}
.plate.g{background:var(--gray);color:var(--ink)}
.brand,.claim{font-size:var(--big);line-height:1;letter-spacing:-.02em}
.brand{display:block}
.lockup{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(var(--big)*.3)}
.lockup>div{display:contents}
.lockup .sub,.lockup small{grid-column:1/-1}
.logo{width:auto;height:calc(var(--big)*.8);aspect-ratio:408/168}
footer .logo{--fb:var(--white);--ff:var(--ink)}
.wm{display:block;font:700 calc(var(--big)*.62)/1 var(--sans);letter-spacing:-.01em}
.brand,.fname{white-space:nowrap}
.sub{display:block;margin-top:.3em;font-size:var(--bsub);line-height:1.1;letter-spacing:-.01em}
.claim{text-align:right}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;font-size:var(--small);line-height:1.2}
nav{display:flex;gap:.3em}
nav a{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px}
nav a:hover{text-decoration:underline}
nav i{font-style:normal;align-self:center}
.dark{position:relative;display:flex;flex-direction:column;background:var(--dark);color:var(--white);overflow:hidden}
.shot{position:absolute;inset:0 0 0 auto;width:72%;background:url(img/steel-bw.jpg) 60% 62%/cover;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
.dark:before{content:"";position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(180deg,rgba(38,38,38,.72),rgba(38,38,38,0));z-index:1}
.in{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:49.05% 1fr;gap:0 var(--pad);padding:calc(var(--pad)*1.9) var(--pad) var(--pad)}
.left{min-width:0;padding-right:var(--pad);display:flex;flex-direction:column;justify-content:space-between}
h1{margin:0 0 calc(var(--pad)*1.5);font-size:var(--mid);line-height:1.15;font-weight:400;letter-spacing:-.01em;text-wrap:pretty}
.finder{position:relative;background:var(--sheet);color:var(--ink)}
.fbars{display:flex;gap:6px;margin-top:auto;margin-bottom:6px}
.fbars button{position:relative;flex:1;min-width:0;min-height:22px;padding:0;background:none}
.fbars button:hover{background:none}
.fbars button:before,.fbars i{content:"";position:absolute;left:0;bottom:9px;height:3px}
.fbars button:before{right:0;background:rgba(255,255,255,.32)}
.fbars button:hover:before{background:rgba(255,255,255,.6)}
.fbars button:focus-visible{outline:2px solid var(--white);outline-offset:0}
.fbars i{width:0;background:var(--accent)}
.fbars .done i,.fbars .on i{width:100%}
.fbars .on i{animation:fill 5s linear}
.fbars.stop .on i{animation:none}
.fbars:hover i,.fbars:has(+.finder:hover) i,.fbars:has(+.finder:focus-within) i,body:has(#askbox[open]) .fbars i{animation-play-state:paused}
@keyframes fill{from{width:0}}
@media (prefers-reduced-motion:reduce){.fbars .on i{animation:none}}
.finder.swap input,.finder.swap b,.finder.swap .hit{animation:swap .28s ease-out}
@keyframes swap{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.finder.swap input,.finder.swap b,.finder.swap .hit{animation:none}}
.finder label{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 16px;padding:12px 16px 12px;cursor:text}
.finder small{grid-column:1/-1;font-size:14px;color:#5b5d5d}
.finder input{min-width:0;width:100%;border:0;outline:0;background:none;padding:0;font:500 clamp(20px,1.9vw,36px)/1.25 var(--mono);color:var(--ink)}
.finder b{font-weight:400;font-size:clamp(18px,1.5vw,28px);line-height:1.5;white-space:nowrap}
.hit:first-child{grid-template-columns:minmax(0,1fr) auto}
.hit{display:grid;grid-template-columns:1fr auto auto;gap:6px 20px;align-items:center;padding:12px 16px;border-top:1px solid var(--hair)}
.hit strong{font:500 18px/1.3 var(--mono);display:block}
.hit span{display:block;font-size:15px;color:#5b5d5d}
.pr{white-space:nowrap}
button{font:400 16px/1 var(--sans);cursor:pointer;border:0;border-radius:0;background:var(--ink);color:#fff;padding:0 18px;min-height:46px;white-space:nowrap}
button:hover{background:var(--accent)}
button[data-ask],form button[type=submit]{position:relative;margin-left:5px;padding-inline:32px}
button[data-ask]:before,form button[type=submit]:before{content:"";position:absolute;inset:0 auto 0 -5px;width:3px;background:var(--accent)}
.none{padding:14px 16px;border-top:1px solid var(--hair)}
.facts{justify-self:end;align-self:end;width:44%;min-width:260px;margin:0;font-size:var(--small);line-height:1.2}
.facts div{display:flex;justify-content:space-between;gap:16px;padding-block:.2em .16em;border-bottom:1px solid var(--line)}
.facts dt{margin:0}.facts dd{margin:0;color:var(--soft);text-align:right}
.dark:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,rgba(38,38,38,.92) 40%,rgba(38,38,38,0));z-index:1}
section{padding:calc(var(--pad)*3) var(--pad)}
h2{margin:0 0 calc(var(--pad)*1.4);font-size:var(--h2);line-height:1.02;font-weight:400;letter-spacing:-.02em;text-wrap:balance}
.price{background:var(--sheet)}
.tabs{display:flex;flex-wrap:wrap;gap:0 .35em;margin-bottom:20px;font-size:var(--small)}
.tabs i{font-style:normal;align-self:center}
.tabs button{background:none;color:var(--ink);padding:0 2px;min-height:44px;font-size:inherit}
.tabs button:hover{background:none;color:var(--accent)}
.tabs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:.2em}
.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tbl th{text-align:left;font-weight:400;font-size:15px;color:#5b5d5d;padding:8px 16px 8px 0;border-bottom:1px solid var(--ink)}
.tbl td{padding:12px 16px 12px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.tbl{font-family:var(--plex)}
.tbl td:first-child{font:500 17px/1.4 var(--mono);white-space:nowrap}
.tbl td:nth-child(3){font:500 15px/1.5 var(--mono)}
.tbl td:last-child{font-weight:600}
.tbl td:last-child,.tbl th:last-child{text-align:right;padding-right:0;white-space:nowrap}
.tbl .noprice{color:#5b5d5d;font-weight:400}
.tbl tbody tr{cursor:pointer;outline:0}
.tbl tbody tr:focus-visible,.tbl tbody tr:active{background:#BFC0C0}
.tbl tbody tr:focus-visible td,.tbl tbody tr:active td{color:var(--ink)}
@media (hover:hover){.tbl tbody tr:hover{background:#BFC0C0}.tbl tbody tr:hover td{color:var(--ink)}}
.mfacts{display:none;background:var(--gray);color:var(--ink);padding:24px var(--pad)}
.mclaim{display:none;margin:0 0 16px;font-size:21px;line-height:1.08;letter-spacing:-.02em}
.mfacts .facts{display:block;width:100%;min-width:0;font-size:17px}
.mfacts .facts div{border-bottom-color:rgba(17,17,17,.34)}
.mfacts .facts dd{color:var(--ink)}
#askbox{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;background:var(--sheet);color:var(--ink);overflow:auto;overscroll-behavior:contain}
#askbox::backdrop{background:rgba(17,17,17,.72)}
.ah{display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px 64px 20px 24px;background:var(--gray);color:var(--ink)}
.ah strong{font:500 clamp(24px,2vw,32px)/1.15 var(--mono);overflow-wrap:anywhere}
.ah span{font-size:16px;line-height:1.3}
#asks,#askan{font-size:15px;line-height:1.35;color:#2b2c2c}
#asks:empty,#askan:empty{display:none}
#askprice{display:none}
.ab{display:flex;flex-direction:column;min-width:0;padding:20px 24px 24px}
.ab>p{margin:0 0 24px;font-size:15px;line-height:1.35;color:#5b5d5d}
#askclose{position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;background:none;color:var(--ink);font-size:28px}
#askclose:hover{background:rgba(17,17,17,.1)}
.tbl .pic{display:inline-grid;place-items:center;width:32px;min-height:32px;margin:-6px 0 -6px 6px;padding:0;background:none;color:var(--accent);vertical-align:middle}
.tbl .pic:hover{background:none;color:var(--ink)}
.tbl .pic:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.tbl .pic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
#picbox{max-width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;background:var(--white);color:var(--ink);overflow:hidden}
#picbox::backdrop{background:rgba(17,17,17,.72)}
#picimg{display:block;max-width:100%;max-height:calc(100dvh - 88px);margin:auto}
#piccap{display:flex;align-items:center;min-height:48px;padding:0 64px 0 16px;font:500 16px/1.3 var(--mono)}
#picclose{position:absolute;right:0;bottom:0;width:48px;height:48px;padding:0;background:var(--ink);color:var(--white);font-size:26px}
#picclose:hover{background:var(--accent)}
#askform{flex:1;display:flex;flex-direction:column;gap:20px}
#askform[hidden]{display:none}
#askform label{color:#5b5d5d}
#askform input{padding:6px 0 8px;background:none;border:0;border-bottom:1px solid var(--ink)}
#askform input:focus{outline:0;box-shadow:0 1px 0 var(--ink)}
.aqr{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;color:#5b5d5d}
.aq{display:flex;align-items:stretch;background:var(--white)}
#askform .aq button{display:grid;place-items:center;justify-content:center;width:44px;min-height:44px;padding:0;background:none;color:var(--ink);font-size:22px}
#askform .aq button:hover{background:none;color:var(--accent)}
#askform .aq input{width:52px;padding:0;border:0;background:none;text-align:center;font:500 18px/1 var(--mono)}
#askform .aq input:focus{box-shadow:none}
.atot{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;font-size:15px;color:#5b5d5d}
.atot b{font-weight:400;font-size:clamp(20px,1.5vw,24px);color:var(--ink);white-space:nowrap}
#askform button[type=submit]{flex:none;background:var(--ink);color:#fff}
#askform button[type=submit]:hover{background:var(--accent)}
#asksent{margin:auto 0;font-size:clamp(22px,1.7vw,28px);line-height:1.2;color:var(--ink)}
.about{background:var(--dark);color:var(--white);padding-inline:0}
.abr{display:grid;grid-template-columns:49.05% 1fr;row-gap:calc(var(--pad)*1.4)}
.abr>div{padding-inline:var(--pad);min-width:0}
.abr h2{margin:0}
.about p{margin:0 0 1em;font-size:var(--abt);line-height:1.45;color:#dcdcdc}
.about p:last-child{margin:0}
.about h3{margin:0 0 calc(var(--pad)*.8);font-size:var(--small);line-height:1.25;font-weight:400}
.abgo{margin-block:calc(var(--pad)*2.6);padding-inline:var(--pad)}
.abgo ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--pad)*1.4);counter-reset:go}
.abgo li{counter-increment:go;padding-top:14px;border-top:1px solid var(--line);font-size:var(--abt);line-height:1.45;color:#dcdcdc}
.abgo li:before{content:counter(go,decimal-leading-zero);display:block;margin-bottom:.8em;font:500 14px/1 var(--mono);color:var(--soft)}
.abp{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.abp li{border-bottom:1px solid var(--line)}
.about button[data-ask]{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:4px 24px;align-items:baseline;align-content:center;width:100%;min-height:52px;margin:0;padding:12px 0;background:none;color:var(--white);text-align:left;white-space:normal;font:inherit}
.about button[data-ask]:before{display:none}
.about button[data-ask]:hover{background:none;color:var(--white)}
.about button[data-ask]:hover b{text-decoration:underline;text-underline-offset:.2em}
.about button[data-ask]:focus-visible{outline:2px solid var(--white);outline-offset:2px}
.arw{flex:none;align-self:center;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square}
.abr:last-child>div:first-child{display:flex;flex-direction:column}
.abr:last-child .abp{flex:1;display:grid;grid-auto-rows:1fr}
.abp li{display:grid}
.abp b{font:500 var(--abt)/1.3 var(--mono)}
.abp span{color:var(--soft);font-size:var(--abt);line-height:1.3}
.docs{background:var(--gray)}
.dgrid{--tw:clamp(96px,8.5vw,170px);--r:clamp(10px,.9vw,14px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.6vw,32px)}
.doc{--f:var(--sheet);position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;min-width:0;aspect-ratio:5/3;margin-top:calc(var(--tw)/6);padding:clamp(14px,1.5vw,28px);background:var(--f);color:var(--ink);border-radius:var(--r) 0 var(--r) var(--r);text-align:left;white-space:normal;cursor:zoom-in;font:400 16px/1.25 var(--sans);transition:transform .2s}
.doc:before{content:"";position:absolute;right:0;bottom:calc(100% - 1px);width:var(--tw);height:calc(var(--tw)/6);background:var(--f);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20C14 20 15 0 32 0H108a12 12 0 0 1 12 12v8z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20C14 20 15 0 32 0H108a12 12 0 0 1 12 12v8z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.doc:nth-child(6n+1),.doc:nth-child(6n){--f:var(--accent);color:var(--white)}
.doc:nth-child(6n+3),.doc:nth-child(6n+5){--f:var(--dark);color:var(--white)}
.doc:hover{background:var(--f);transform:translateY(-4px)}
.doc:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.doc .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.doc .t{font-size:clamp(14px,1vw,20px);line-height:1.3}
.doc svg{flex:none;width:clamp(20px,1.5vw,30px);height:clamp(20px,1.5vw,30px);fill:none;stroke:currentColor;stroke-width:1.6}
.doc b{font-weight:400;font-size:clamp(20px,1.9vw,38px);line-height:1.15;overflow-wrap:anywhere}
#docbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:none;color:var(--white);overflow:hidden}
#docbox::backdrop{background:rgba(17,17,17,.92)}
.dv{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;padding:16px 16px 12px}
.dp{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none}
#docimg{display:block;max-width:100%;max-height:100%;background:#fff}
.dc{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:12px;font-size:17px;line-height:1.25}
.dc b{font-weight:500}
.dc span{white-space:nowrap;color:#dcdcdc}
#docprev,#docnext,#docclose{position:absolute;width:56px;height:56px;padding:0;background:rgba(17,17,17,.6);color:#fff;font-size:26px;z-index:2}
#docprev:hover,#docnext:hover,#docclose:hover{background:var(--accent)}
#docprev{left:12px;top:calc(50% - 28px)}#docnext{right:12px;top:calc(50% - 28px)}
#docclose{right:12px;top:12px}
.know{background:var(--sheet);display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);padding-inline:var(--gut)}
.know>div{padding-block:calc(var(--pad)*3);min-width:0}
.know>div:first-child{display:flex;flex-direction:column;align-items:flex-start;padding-left:calc(var(--pad) - var(--gut))}
.know .more{margin-top:auto;margin-bottom:15px;min-height:0;line-height:1.25}
.more[hidden]{display:none}
.ksw{margin:0}
.ksw button{min-height:0;padding:0;background:none;color:#7d7f7f;font:inherit;letter-spacing:inherit;white-space:normal}
.ksw button:hover{background:none;color:var(--ink)}
.ksw button[aria-pressed=true]{color:var(--ink);cursor:default}
.ksw button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.kl{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.kl a{display:block;padding:12px var(--pad) 12px 0;border-bottom:1px solid var(--hair);font-size:var(--small);line-height:1.25}
.kl a:focus-visible{outline:0;background:#BFC0C0}
.kl time{display:block;font:500 14px/1.4 var(--mono);color:#5b5d5d}
@media (hover:hover){.kl a:hover{background:#BFC0C0}}
.more{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:var(--small);text-decoration:underline;text-underline-offset:.2em}
.mph{display:none}
.mbar{display:none;align-items:center;margin-right:-12px}
.mbar a,.mbar button{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;background:none;color:var(--white)}
.mbar button:hover{background:none}
.mbar a:focus-visible,.mbar button:focus-visible{outline:2px solid var(--white);outline-offset:-4px}
.mbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:square}
#mnav{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--gray);color:var(--ink);overflow:auto;overscroll-behavior:contain}
#mnav[open]{display:flex;flex-direction:column}
html:has(#mnav[open]){overflow:hidden}
.mtop{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px var(--pad);background:var(--accent);color:var(--white)}
.mtop .logo{height:32px}
.mtop .wm{font-size:23px}
.mtop .lockup{column-gap:10px}
#mnav nav{flex-direction:column;gap:0;padding:12px var(--pad)}
#mnav nav a{display:flex;min-height:64px;margin:0;align-items:center;border-bottom:1px solid rgba(17,17,17,.34);font-size:30px;line-height:1.1;letter-spacing:-.01em}
.mcont{display:grid;gap:4px;margin-top:auto;padding:24px var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));font-size:17px;line-height:1.35}
.mcont a{display:flex;align-items:center;min-height:40px}
.mcont a:first-child{font-size:24px}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form label{display:grid;gap:6px;font-size:15px;color:#dcdcdc}
form .full{grid-column:1/-1}
form input,form textarea{font:400 18px/1.4 var(--sans);color:var(--ink);padding:12px 14px;border:0;background:#fff;width:100%;border-radius:0}
form input:focus,form textarea:focus{outline:2px solid var(--accent);outline-offset:0}
form textarea{min-height:96px;resize:vertical}
form button{grid-column:1/-1;background:#fff;color:var(--ink);display:flex;justify-content:space-between;align-items:center;min-height:52px}
form button:hover{background:var(--accent);color:#fff}
footer{background:#0b0b0b;color:var(--soft);padding:var(--gut);font-size:clamp(15px,1.05vw,20px);line-height:1.4;display:grid;grid-template-columns:1fr 2fr;gap:var(--gut)}
footer p{margin:0}
footer a{color:inherit;text-decoration:none}
footer a:hover{color:var(--white);text-decoration:underline;text-underline-offset:.2em}
.fb,.fc{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:var(--pad);min-height:clamp(544px,41.6vw,800px);background:#1c1d1d}
.fb{justify-content:space-between;color:var(--white)}
.fname{font-size:var(--big);line-height:1.1;letter-spacing:-.01em}
.fname small{display:block;margin-top:.3em;font-size:var(--small);line-height:1.25;letter-spacing:0}
.ftalk{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:var(--small);line-height:1}
.fico{display:flex;gap:10px}
.fico a{display:grid;place-items:center;width:clamp(56px,3.5vw,68px);aspect-ratio:1;background:var(--white);color:var(--ink)}
.fico a:hover{background:var(--accent);color:var(--white)}
.fico svg{width:54%;height:54%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}
.fcols{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:24px clamp(32px,5vw,110px)}
.fcols>div:last-child{white-space:nowrap}
.fby{color:var(--white)}
.fmenu{color:var(--white);font-size:1.15em}
.fmenu+div{margin-left:clamp(24px,5vw,100px)}
.fmenu~div ul{font-size:calc(1em - 1px);gap:.7em}
.fcols h3{margin:0 0 .6em;font:inherit;color:var(--white)}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:.25em}
.fdown{position:relative;z-index:1;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
@media (max-width:359px){.plate.g .row,.plate.r .row{flex-wrap:wrap}.finder label{grid-template-columns:1fr}}
@media (hover:none){nav a:hover{text-decoration:none}button:hover{background:var(--ink)}.tabs button:hover{color:var(--ink);background:none}form button:hover{background:#fff;color:var(--ink)}}
@media (max-width:900px){
 .shot{position:static;flex:1 1 200px;width:100%;min-height:200px;opacity:.92;background-position:60% 58%;-webkit-mask-image:none;mask-image:none}
 .dark:before,.dark:after{display:none}
 .in{flex:none;display:flex;flex-direction:column;gap:16px;padding:20px var(--pad) var(--pad)}
 .left{display:contents}
 .in .facts{display:none}
 h1{margin:0}
 .mfacts{display:block}
 .abr,.abgo ol{grid-template-columns:1fr}
 .know{display:flex;flex-direction:column;gap:0;padding-inline:0}
 .know>div:first-child{display:contents}
 .ksw{padding:40px var(--pad) 0}
 .know .more{order:2;align-self:flex-start;margin:-24px var(--pad) 40px;min-height:44px}
 .know>div{padding-block:40px 0}
 .know>div:last-child{order:1;padding:24px var(--pad) 40px}
 .tbl,.tbl tbody{display:block}
 .tbl thead{display:none}
 .tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hair)}
 .tbl td,.tbl td:first-child,.tbl td:last-child{border:0;padding:0;min-width:0;overflow-wrap:anywhere}
 .tbl td:first-child{font-size:18px;line-height:1.25}
 .tbl td:nth-child(2),.tbl td:nth-child(3){grid-column:1/-1;white-space:normal;font-size:15px;line-height:1.3;color:#5b5d5d}
 .tbl td:nth-child(3):not(:empty):before{content:"Заменяет: "}
 .tbl td:nth-child(3):empty{display:none}
 .tbl td:last-child{grid-row:1;grid-column:2}
 .tbl td:first-child{white-space:normal}
 footer{grid-template-columns:1fr}
}
@media (max-width:640px){
 #finder .hit span{min-height:2.6em}
 .about button[data-ask]{grid-template-columns:1fr auto}
 .abp span{grid-column:1;grid-row:2}
 .fc{min-height:0}
 .fb{min-height:296px}
 .fcols{grid-template-columns:1fr}
 .fmenu+div{margin-left:0}
 .fdown{margin-top:32px;flex-direction:column}
 .hero{grid-template-rows:auto 1fr}
 .band{grid-template-columns:1fr}
 .plate.r{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-block:8px}
 .plate.r .row,.plate.r .sub,.plate.g{display:none}
 .mbar{display:flex}
 .plate.r .logo{height:32px}
 .plate.r .wm{font-size:23px}
 .plate.r .lockup{column-gap:10px}
 .brand{font-size:37px}.sub{font-size:18px}
 .row{font-size:15px}
 .mclaim{display:block}
 .tabs{font-size:18px}
 h2{font-size:26px}
 h1{font-size:23px}
 .hit{grid-template-columns:minmax(0,1fr) auto}.hit button{grid-column:1/-1}
 .facts{font-size:15px}
 .dgrid{display:flex;overflow-x:auto;gap:12px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
 .dgrid::-webkit-scrollbar{display:none}
 .doc{flex:0 0 66vw;aspect-ratio:4/3;scroll-snap-align:start}
 .doc:hover{transform:none}
 #docprev,#docnext{display:none}
 form,#askform{grid-template-columns:1fr}
 #askbox{width:100%;max-width:100%;margin:auto 0 0}
 #asks,#askan{font-size:14px}
 section{padding-block:40px}
}

/* Внутренние страницы: та же сетка 49,05% и те же плашки, что на главной */
.tel{white-space:nowrap}
.tel:hover{text-decoration:underline}
.band--in .plate{gap:16px;padding-top:var(--pad);padding-bottom:calc(var(--pad)*.7)}
.band--in .plate.r{justify-content:space-between}
.band--in .brand,.band--in .wm{white-space:nowrap}
.qs{display:block;position:relative}
.qs label{display:flex;align-items:baseline;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:var(--small);color:var(--ink);cursor:text}
.qs label span{flex:none}
.qs input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;font:500 var(--small)/1.25 var(--mono);color:var(--ink)}
.qs input::placeholder{color:#3f4141;opacity:1}
.qs input:focus{outline:0}
.qsres{position:absolute;z-index:5;top:100%;left:0;right:0;margin-top:8px;background:var(--sheet);color:var(--ink)}
.qsres button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;width:100%;min-height:56px;margin:0;padding:10px 14px;background:none;color:var(--ink);text-align:left;white-space:normal;border-top:1px solid var(--hair);font:400 15px/1.3 var(--sans)}
.qsres button:first-child{border-top:0}
.qsres button:hover{background:#BFC0C0}
.qsres b{font:500 17px/1.3 var(--mono)}
.qsres span{grid-column:1;color:#5b5d5d}
.qsres em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;white-space:nowrap}
.mq{display:block;padding:16px var(--pad) 0}
.mq input{padding:10px 0;border:0;border-bottom:1px solid var(--ink);background:none;font:500 18px/1.3 var(--mono);color:var(--ink)}
.mq input::placeholder{color:#3f4141;opacity:1}
.mq input:focus{outline:0;box-shadow:0 1px 0 var(--ink)}
.phead{position:relative;display:flex;background:var(--dark);color:var(--white);overflow:hidden;min-height:clamp(220px,22vw,420px)}
.phead .shot{opacity:.42}
.phin{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--pad)*1.6);min-width:0;padding:var(--pad)}
.phin h1{max-width:none;margin:0;font-size:var(--h2);line-height:1.08;letter-spacing:-.02em}
.crumbs{flex-wrap:wrap;gap:0 .35em;font-size:var(--abt);color:#dcdcdc}
.crumbs a{min-height:32px;margin-block:0}
.crumbs a:hover{color:var(--white)}
.pdate{display:block;margin-bottom:8px;font:500 15px/1.4 var(--mono);color:var(--soft)}
.pg{display:grid;grid-template-columns:49.05% 1fr;background:var(--sheet);color:var(--ink)}
.pg>.l,.pg>.r{min-width:0;padding:calc(var(--pad)*2.2) var(--pad) calc(var(--pad)*3)}
.side{margin:0 0 calc(var(--pad)*.8);font-size:var(--mid);line-height:1.1}
.side.sp{margin-top:calc(var(--pad)*2)}
.side a:hover{color:var(--accent)}
.lead{margin:0;font-size:var(--mid);line-height:1.15;letter-spacing:-.01em}
.pg .kl{border-top-color:var(--ink)}
.prose{font-size:var(--abt);line-height:1.5}
.prose>:first-child{margin-top:0}
.prose>:last-child{margin-bottom:0}
.prose p,.prose ul,.prose ol{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin-bottom:.35em}
.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin:1.6em 0 .6em;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.prose h2{font-size:var(--small)}
.prose h3,.prose h4{font-size:calc(var(--abt) + 2px)}
.prose h5,.prose h6{font-size:var(--abt)}
.prose a{text-decoration:underline;text-underline-offset:.2em}
.prose a:hover{color:var(--accent)}
.prose img{display:block;max-width:100%;height:auto;margin:1em 0;background:#fff}
.prose a[data-lb]{display:block;cursor:zoom-in}
.prose table{width:100%;margin:1.2em 0;border-collapse:collapse;font:400 15px/1.4 var(--plex);font-variant-numeric:tabular-nums}
.prose th{padding:8px 16px 8px 0;border-bottom:1px solid var(--ink);text-align:left;font-weight:400;color:#5b5d5d;vertical-align:bottom}
.prose td{padding:10px 16px 10px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.prose th:last-child,.prose td:last-child{padding-right:0}
.prose caption{margin-bottom:8px;text-align:left;font-weight:600}
.prose video{display:block;width:100%;height:auto;margin:1em 0;background:#000}
.note{margin:1em 0;padding:14px 16px;background:var(--gray)}
.note p{margin:0}
.note p+p{margin-top:.6em}
.pgal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.pgal a{display:block;aspect-ratio:4/3;background:#fff;cursor:zoom-in}
.pgal a.big{grid-column:1/-1;aspect-ratio:3/2}
.pgal img{display:block;width:100%;height:100%;object-fit:contain}
.pgal a:focus-visible,.tiles a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pbuy{margin-bottom:calc(var(--pad)*1.6);border-top:1px solid var(--ink)}
.pb{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 24px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hair)}
.pbn strong{display:block;font:500 clamp(18px,1.5vw,26px)/1.25 var(--mono);overflow-wrap:anywhere}
.pbn span{display:block;font-size:15px;line-height:1.35;color:#5b5d5d}
.pbp{font-size:clamp(18px,1.4vw,24px);white-space:nowrap}
.pbp.noprice{color:#5b5d5d;font-size:var(--abt)}
.plain{background:var(--sheet);color:var(--ink);padding:calc(var(--pad)*2.2) var(--pad) calc(var(--pad)*3)}
.hubs{padding-top:0}
.pg+.hubs,.price+.hubs{padding-top:calc(var(--pad)*.4)}
.hubs h2{font-size:var(--mid)}
.hubs h2 a:hover{color:var(--accent)}
.hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--pad)*1.2) var(--gut);margin:0;padding:0;list-style:none}
.hub a{display:flex;flex-direction:column;gap:10px;height:100%;font-size:var(--abt);line-height:1.3}
.hub img,.hub .noimg{display:block;width:100%;aspect-ratio:4/3;background:#fff;object-fit:contain}
.hub .noimg{background:#d4d4d4}
.hub--t{display:block;border-top:1px solid var(--ink)}
.hub--t a{display:block;height:auto;padding:12px 0;border-bottom:1px solid var(--hair);font-size:var(--small)}
.pg .hub:not(.hub--t){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (hover:hover){.hub a:hover span{text-decoration:underline;text-underline-offset:.2em}.hub--t a:hover{background:#BFC0C0}}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--pad)*1.2) var(--gut)}
.tiles figure{margin:0}
.tiles a{display:block;aspect-ratio:4/3;background:#fff;cursor:zoom-in}
.tiles img{display:block;width:100%;height:100%;object-fit:contain}
.tiles figcaption{margin-top:8px;font-size:15px;line-height:1.35;color:#5b5d5d}
.pall{margin:16px 0 0}
.mlink:hover{color:var(--accent)}
.fdown a:hover{color:var(--white)}
.ccol{margin:0 0 calc(var(--pad)*1.4);padding:0;list-style:none;border-top:1px solid var(--ink)}
.ccol li{padding:12px 0;border-bottom:1px solid var(--hair);font-size:var(--small);line-height:1.25}
.ccol span{display:block;font-size:15px;color:#5b5d5d}
.ccol a:hover{color:var(--accent)}
.mf{grid-template-columns:1fr}
.mf label{color:#5b5d5d}
.mf input,.mf textarea{padding:6px 0 8px;background:none;border-bottom:1px solid var(--ink)}
.mf input:focus,.mf textarea:focus{outline:0;box-shadow:0 1px 0 var(--ink)}
.mf button{position:relative;margin-left:5px;padding-inline:32px;background:var(--ink);color:#fff}
.mf button:before{content:"";position:absolute;inset:0 auto 0 -5px;width:3px;background:var(--accent)}
.mf small{font-size:14px;color:#5b5d5d}
.mf small a{text-decoration:underline}
.ferr{margin:0;font-size:15px;color:#b81200}
.trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
#asklink{align-self:flex-start;font-size:15px;text-decoration:underline;text-underline-offset:.2em}
@media (hover:none){.mf button:hover{background:var(--ink);color:#fff}}
@media (max-width:900px){
 .pg{grid-template-columns:1fr}
 .pg>.l{padding-bottom:0}
 .pg>.l:empty{display:none}
 .pg>.r{padding-top:calc(var(--pad)*1.6)}
 .phead .shot{position:absolute;inset:0;width:100%;flex:none;min-height:0;opacity:.3}
 .hub{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
 .pb{grid-template-columns:minmax(0,1fr) auto}
 .pb button{grid-column:1/-1}
 .phead{min-height:180px}
 .phin h1{font-size:26px}
 .crumbs{font-size:14px}
 .prose{font-size:16px}
 .prose table{display:block;overflow-x:auto}
 .fdown{gap:8px}
}
.hub a span{hyphens:auto;overflow-wrap:anywhere}
@media (max-width:900px){
 .pg>.l:has(.hub--t),.pg>.l:has(.kl){order:2;padding-top:0;padding-bottom:calc(var(--pad)*2)}
}
@media (max-width:640px){.hub{gap:24px 12px}.hub a{font-size:15px}}
.sib .tbl td:first-child{width:38%;min-width:280px;white-space:normal}
.pg>.l .pbuy{margin-bottom:0}

/* Проход по оформлению 02.11: внутренние страницы теми же приёмами, что главная */
.phead{min-height:0}
.phin{gap:calc(var(--pad)*1.3)}
.pnorm{margin:.5em 0 0;font:500 var(--abt)/1.3 var(--mono);color:var(--soft)}
body:not(.home) .fb,body:not(.home) .fc{min-height:clamp(340px,24vw,480px)}
.pg--card>.l{padding:0}
.pgal a,.pgal a.big{background:#fff}
.pg--card .pgal a.big{aspect-ratio:auto;height:clamp(320px,31vw,600px)}
.pbuy{margin-bottom:calc(var(--pad)*1.4)}
.pb{padding:clamp(14px,1.2vw,22px) 0}
.pbn{display:grid;gap:4px}
.pbn strong{font-size:clamp(20px,1.7vw,32px)}
.pbp{font-size:clamp(20px,1.7vw,32px);letter-spacing:-.01em}
.pg--nf>.l .pbuy{position:sticky;top:0;margin:0;padding:var(--pad);background:var(--gray);border-top:0}
.pg--nf>.l .pb{border-bottom-color:rgba(17,17,17,.34);padding-block:8px}
.pg--nf>.l .pb:last-child{border-bottom:0}
.pg--nf>.l .pbn span{color:var(--ink)}
.plate nav{flex-wrap:wrap}
.pg--card>.r .tbl{margin-top:-8px}
.pg--card>.r .tbl td{padding-block:10px}
.pgo{margin:var(--pad) 0 0}
.pgo button{margin-left:5px}
.pg--nf>.l:has(.tbl){padding:var(--pad);background:var(--gray)}
.pg--nf>.l .tbl td,.pg--nf>.l .tbl .noprice,.pg--nf>.l .tbl th{color:var(--ink);border-bottom-color:rgba(17,17,17,.34)}
.sec{border-top:1px solid var(--hair)}
.pg.sec>.l,.pg.sec>.r{padding-block:calc(var(--pad)*1.5) calc(var(--pad)*1.7)}
.sec .side{position:sticky;top:var(--pad);margin:0;font-size:var(--mid);line-height:1.1;letter-spacing:-.02em}
.sec+.price{border-top:1px solid var(--hair)}
.sidenav{display:block;position:sticky;top:var(--pad)}
.pg--card .pgal a.big{padding:clamp(12px,1.4vw,28px)}
.pg--nf>.l .pb{grid-template-columns:minmax(0,1fr) auto}
.pb:not(:has(.pbn)){grid-template-columns:minmax(0,1fr) auto}
.prose table{font-size:clamp(15px,.92vw,18px)}
.fig figcaption{font-size:clamp(14px,.86vw,17px)}
.kl a[aria-current]{color:var(--accent)}
.hubs{display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);padding:calc(var(--pad)*2.4) var(--gut) calc(var(--pad)*2.8);background:var(--sheet);color:var(--ink)}
.hubs>h2{margin:0;padding-left:calc(var(--pad) - var(--gut));font-size:var(--mid);line-height:1.1}
.hubs>div{padding-right:calc(var(--pad) - var(--gut));min-width:0}
.hubs.alt{background:var(--gray)}
.hubs .hub,.pg .hub:not(.hub--t){grid-template-columns:repeat(3,minmax(0,1fr))}
.hub .noimg{display:grid;place-items:center;background:#fff}
.hub .noimg svg{width:34%;fill:#E0E0E0}
.rl{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.rl a{display:grid;grid-template-columns:1fr 2fr;gap:var(--gut);align-items:baseline;padding:clamp(12px,1vw,18px) 0;border-bottom:1px solid var(--hair)}
.rl b{font-weight:400;font-size:var(--small);line-height:1.25}
.rl time{font:500 var(--abt)/1.3 var(--mono);color:#5b5d5d}
.rl span{font-size:var(--abt);line-height:1.4;color:#3f4141}
@media (hover:hover){.rl a:hover{background:#BFC0C0}}
.rl a:focus-visible{outline:0;background:#BFC0C0}
.ccol li:first-child a{font-size:var(--mid);line-height:1.1}
.tbl.noan td:nth-child(3),.tbl.noan th:nth-child(3),.tbl.not td:nth-child(2),.tbl.not th:nth-child(2){display:none}
.prose h2{margin-top:1.8em;font-weight:400;font-size:var(--mid);line-height:1.1;letter-spacing:-.02em}
.prose h3,.prose h4{margin-top:1.7em;font-weight:400;font-size:var(--small);line-height:1.2}
.fig{margin:1.4em 0;background:#fff}
.fig a[data-lb]{display:block}
.fig img{display:block;width:auto;max-width:100%;max-height:70vh;margin:0 auto;padding:clamp(10px,1vw,20px)}
.fig figcaption{padding:10px 0 0;background:var(--sheet);font-size:15px;line-height:1.35;color:#3f4141}
.prose .ico{display:inline-block;width:auto;height:auto;max-height:64px;margin:.3em 0;background:none}
.prose video{aspect-ratio:16/9;max-height:80vh}
.video{margin:1.2em 0}
.smap ul{list-style:none;padding-left:0}
.smap ul ul{padding-left:1.25em;margin:.3em 0 .6em}
.smap a{text-decoration:none}
.smap a:hover{text-decoration:underline}
@media (max-width:900px){
 .sec .side{position:static}
 .pg.sec>.l{padding-bottom:0}
 .pg.sec>.r{padding-top:12px}
 .pg--nf>.l .pbuy{position:static}
 .pg--card .pgal a.big{height:auto;aspect-ratio:4/3}
 .pg--card>.r{padding-top:var(--pad)}
 .sidenav{position:static}
 .hubs{grid-template-columns:1fr;gap:var(--pad);padding-inline:var(--pad)}
 .hubs>h2,.hubs>div{padding-inline:0}
 .hubs .hub,.pg .hub:not(.hub--t){grid-template-columns:repeat(2,minmax(0,1fr))}
 .rl a{grid-template-columns:1fr;gap:4px}
}
@media (max-width:640px){
 .crumbs a:not(:nth-last-of-type(1)),.crumbs i{display:none}
 .crumbs a:before{content:"← "}
 .pb:not(:has(.pbn)) .pbp{grid-column:1/-1}
}