@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/intertight-var-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/intertight-var-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:'Onest';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/onest-var-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/onest-var-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}
/* airs-privod.ru · дизайн W3 «Интерфейс приложения» · SSR-версия. Шрифты подключаются из fonts.css (самохостинг). */
:root{--ink:#0F1F2E;--muted:#5F7080;--line:#E3E9EF;--blue:#1F7FC2;--blue-d:#176AA3;--sky:#EAF4FC;--orange:#F26A21;--orange-d:#D95A17;--green:#1E8E4E;--bg:#F5F7FA;--warn:#FFF4EC;--sans:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--head:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{height:100%}body{margin:0;background:#FFF3E7 linear-gradient(180deg,#FFE9D6 0,#FFF3E7 420px,#FFF7F0 100%) no-repeat;color:var(--ink);font:15px/1.5 var(--sans)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}picture{display:contents}picture>source{display:none}button{font-family:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--head);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0 0 .4em}h1{font-size:30px}h2{font-size:22px}h3{font-size:16px}h4{font-size:15px}
.h2k{font:600 11px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.muted{color:var(--muted)}.small{font-size:13px}p.lead,.lead{color:var(--muted);margin:0 0 6px;max-width:80ch}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* ===== каркас ===== */
.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,#fff 259px,var(--line) 259px,var(--line) 260px,transparent 260px)}
.sb{background:#fff url(/img/bg/s-side-light.jpg) center bottom/100% auto no-repeat;border-right:1px solid var(--line);padding:18px 16px 24px;position:sticky;top:0;height:100vh;overflow:auto}
.logo{display:flex;flex-direction:column;align-items:flex-start;padding:2px 6px 16px;color:var(--ink)}.logo img{height:48px;width:auto;display:block}.logo span{display:block;font:600 11px/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 0 2px}
.sb .k,.card .k,.k{font:600 11px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block}.sb .k{padding:12px 8px 6px}
.sb a.n{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--ink);font-weight:500;min-height:36px;font-size:14px}.sb a.n:hover{background:var(--sky);text-decoration:none}.sb a.n.on{background:var(--sky);color:var(--blue);font-weight:600}
.sb a.n svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.sb a.n em{margin-left:auto;font:600 11px var(--head);color:var(--muted);font-style:normal;background:var(--bg);padding:2px 7px;border-radius:999px}.sb a.n.all{font-weight:700}
.sb .help{margin-top:18px;background:linear-gradient(135deg,#1F7FC2,#2E9BDF);color:#fff;border-radius:var(--r);padding:14px}.sb .help b{display:block;font:700 15px var(--head);margin-bottom:4px}.sb .help p{margin:0 0 10px;font-size:13px;color:#DCEEFB}.sb .help a{display:inline-flex;align-items:center;min-height:32px;background:#fff;color:var(--blue);border-radius:8px;padding:7px 11px;font-weight:700;font-size:13px}
.sb .close{display:none}
.main{min-width:0;display:flex;flex-direction:column}
.tb{position:sticky;top:0;z-index:30;background:rgba(236,243,250,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:12px 24px;display:flex;gap:12px;align-items:center;min-width:0}
.tb .q{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;height:46px;max-width:720px;position:relative;min-width:0;margin:0}.tb .q input{flex:1;border:0;font:15px var(--sans);min-width:0;outline:none;background:transparent;color:var(--ink)}.tb .q svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2;flex:0 0 18px}.tb .q kbd{font:12px var(--head);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.tb .tel{font:700 16px var(--head);white-space:nowrap;color:var(--ink);display:inline-flex;align-items:center;min-height:40px}.tb .mail{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:13.5px;white-space:nowrap;min-height:32px}.tb .mail svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linejoin:round;flex:0 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;min-height:40px;font:600 14px var(--head);border:1px solid transparent;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s}
.btn.o{background:var(--orange);color:#fff}.btn.o:hover{background:var(--orange-d)}.btn.b{background:var(--blue);color:#fff}.btn.b:hover{background:var(--blue-d)}.btn.w{background:#fff;color:var(--ink);border-color:var(--line)}.btn.w:hover{border-color:#B9D6EE}.btn.sm{padding:6px 11px;font-size:13px;border-radius:8px;min-height:32px}.btn.wide{width:100%}.btn[disabled]{opacity:.6;cursor:default}
.basket-btn{position:relative}.basket-btn em{position:absolute;top:-6px;right:-6px;background:var(--orange);color:#fff;font:700 11px var(--head);border-radius:999px;padding:1px 6px;font-style:normal}
.burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;align-items:center;justify-content:center;cursor:pointer;flex:0 0 42px}.burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2}
.content{padding:22px 24px 48px;display:grid;gap:18px;align-content:start;min-width:0;max-width:100%;flex:1}.content>*{min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-width:0}.card h2{margin-bottom:12px}.card .k{margin-bottom:6px}
.crumbs{font-size:12.5px;color:var(--muted);margin:0 0 -6px;line-height:1.6}.crumbs a,.crumbs span{display:inline-block;padding:6px 0}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--blue)}.crumbs i{font-style:normal;margin:0 4px;opacity:.7}.crumbs span{color:var(--ink)}
.page-h{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-h h1{font-size:28px;margin-bottom:6px}.page-h p{margin:0;color:var(--muted);max-width:80ch}
/* оранжевая черта-акцент и градиентные шапки в стиле OG */
.rule{display:block;width:56px;height:4px;border-radius:2px;background:var(--orange);margin:12px 0 12px}.page-h .rule{margin:8px 0 10px}.article header .rule{margin:10px 0 12px}
.phero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:24px;align-items:center;background:#5A1A08 url(/img/bg/f11-head.jpg) center/cover no-repeat;color:#fff;border:1px solid #D6E4F1;border-radius:16px;padding:26px 28px;overflow:hidden}

.phero>*{min-width:0}.phero h1{font-size:34px;letter-spacing:-.02em;margin:0}.phero .lead{font-size:16px;color:#4A5B6B;margin:0;max-width:62ch}.phero .pic{display:flex;justify-content:center;align-items:center}.phero .pic img{max-height:240px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(15,31,46,.22))}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:center;background:#5A1A08 url(/img/bg/f11.jpg) center/cover no-repeat;color:#fff;border:1px solid #D6E4F1;border-radius:16px;padding:34px 32px 38px;overflow:hidden;min-height:380px}

.hero>*{min-width:0}.hero .k{margin-bottom:10px}.hero h1{font-size:44px;line-height:1.06;letter-spacing:-.025em;margin:0;max-width:19ch}.hero .rule{width:64px;height:5px;margin:16px 0 14px}.hero .lead{font-size:17px;color:#4A5B6B;margin:0 0 18px;max-width:58ch}.hero .acts{display:flex;gap:8px;flex-wrap:wrap}
.hero .comp{position:relative;height:320px;max-width:470px;width:100%;justify-self:end}.hero .comp img{position:absolute;bottom:0;width:auto;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(15,31,46,.24))}
.hero .comp .c1{left:0;height:235px;z-index:1}.hero .comp .c2{left:50%;transform:translateX(-50%);height:320px;z-index:3}.hero .comp .c3{right:0;height:250px;z-index:2}
.hero .comp .one{left:50%;transform:translateX(-50%);height:320px;z-index:2;filter:drop-shadow(0 26px 34px rgba(0,0,0,.32))}
.shero.phero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.shero .plates{margin-bottom:0}.shero .l{min-width:0}
/* ===== главная ===== */
.welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px}.welcome>*{min-width:0}.welcome h1{margin:6px 0 8px}.welcome p{color:var(--muted);margin:0 0 14px;max-width:60ch}.welcome .acts{display:flex;gap:8px;flex-wrap:wrap}.welcome .pic{display:flex;justify-content:center}.welcome .pic img{max-height:260px;width:auto;filter:drop-shadow(0 20px 30px rgba(15,31,46,.18))}
.stat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;min-width:0}.stat b{display:block;font:700 22px var(--head);color:var(--blue)}.stat span{font-size:13px;color:var(--muted)}
.pf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;align-items:end}.pf2{grid-template-columns:repeat(5,minmax(0,1fr))}.pf>*{min-width:0}
.pf label{display:block}.pf label span{display:block;font:600 11px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.pf select,.pf input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:14.5px var(--sans);background:#fff;color:var(--ink);min-width:0;max-width:100%}
.pres{margin-top:14px;display:grid;gap:12px}.pres .tblcard{margin:0}.pres .why{color:var(--green);font-size:12px;font-weight:600}
.cat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cat a{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 14px 16px;color:var(--ink);text-decoration:none!important;transition:border-color .15s,box-shadow .15s;min-width:0}.cat a:hover{border-color:#B9D6EE;box-shadow:0 10px 26px rgba(15,31,46,.08)}
.cat b{display:block;font:700 15px var(--head);line-height:1.2}.cat small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}.cat small span{white-space:nowrap}.cat em{display:inline-block;font:600 11px var(--head);color:var(--blue);background:var(--sky);border-radius:999px;padding:3px 8px;margin-top:8px;font-style:normal}.cat img{height:86px;width:auto;max-width:84px;object-fit:contain;justify-self:end}
.pop,.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:6px;position:relative;transition:box-shadow .15s,border-color .15s;min-width:0}.pc:hover{border-color:#B9D6EE;box-shadow:0 12px 30px rgba(15,31,46,.08)}
.pc .im{height:150px;display:flex;align-items:center;justify-content:center}.pc .im img{max-height:140px;width:auto;object-fit:contain}.pc .t{color:var(--ink);display:flex;align-items:center;min-height:32px}.pc b{font:700 15px var(--head)}.pc small{color:var(--muted);font-size:12.5px;line-height:1.4}.pc .acts{display:flex;gap:6px;margin-top:auto;padding-top:6px}.pc .acts .btn{flex:1;padding:8px 6px;font-size:12.5px}
.pc .cmp{position:absolute;right:10px;top:10px;font:500 11.5px var(--sans);color:var(--muted);display:flex;align-items:center;gap:4px;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 8px;min-height:32px;z-index:2}.pc .cmp.on{background:var(--sky);color:var(--blue);border-color:#B9D6EE}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trust .card p{color:var(--muted);margin:0 0 10px;font-size:14px}.trust h2{font-size:18px}.trust a{font-weight:600}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}.steps li{position:relative;padding:12px 14px 12px 50px;background:var(--bg);border-radius:12px;counter-increment:s;min-width:0}.steps li::before{content:counter(s);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:700 14px/28px var(--head);text-align:center}.steps b{display:block;font:700 14.5px var(--head)}.steps span{display:block;color:var(--muted);font-size:13px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.two>*{min-width:0}
.doc{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);min-height:44px}.doc:last-child{border-bottom:0}.doc:hover{text-decoration:none}.doc:hover span{color:var(--blue)}.doc i{flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;font:700 11px var(--head);font-style:normal}.doc span{flex:1;min-width:0}.doc small{color:var(--muted);white-space:nowrap}
.kb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kb.one{grid-template-columns:1fr}.kb a{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;color:var(--ink);text-decoration:none!important;min-width:0;display:flex;flex-direction:column;gap:4px}.kb a:hover{border-color:#B9D6EE}.kb b{display:block;font:700 15px var(--head)}.kb small{color:var(--muted);font-size:13px}.kb time{color:var(--muted);font-size:12px;margin-top:auto}
.recent[hidden]{display:none}
/* ===== фильтры, таблицы ===== */
.subnav{display:flex;gap:6px;flex-wrap:wrap}.subnav a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;gap:5px;min-height:32px}.subnav a:hover{border-color:#B9D6EE;text-decoration:none}.subnav a.on{background:var(--sky);border-color:#B9D6EE;color:var(--blue)}.subnav a i{font-style:normal;color:var(--muted);font-size:11.5px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;min-height:32px;font:400 13px var(--sans);cursor:pointer;color:var(--ink);user-select:none;display:inline-flex;gap:5px;align-items:center}.chip:hover{border-color:#B9D6EE}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.chip i{font-style:normal;color:var(--muted);font-size:11.5px}.chip.on i{color:#DCEEFB}.chip.zero{opacity:.45}
.filters{padding:14px 18px}.fgrid{display:grid;grid-template-columns:repeat(6,auto) 1fr;gap:10px 18px;align-items:start}.fg{min-width:0}.fg>span{display:block;font:600 11px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}.toolbar .cnt{color:var(--muted);font-size:13.5px;margin-right:auto}
.csec{display:grid;gap:12px;scroll-margin-top:84px;min-width:0}.csec>*{min-width:0}.sec-h{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 2px 0}.sec-h h2{margin:0 0 2px;font-size:20px}.sec-h h2 a{color:var(--ink)}.sec-h p{margin:0;color:var(--muted);font-size:13.5px;max-width:78ch}.sec-h .cnt{color:var(--muted);font-size:13px;white-space:nowrap}
.sergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}.ser{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);text-decoration:none!important;display:grid;grid-template-rows:84px auto auto 1fr;gap:4px;min-width:0;transition:border-color .15s,box-shadow .15s}.ser:hover{border-color:#B9D6EE;box-shadow:0 10px 26px rgba(15,31,46,.08)}.ser img{height:80px;width:auto;max-width:100%;object-fit:contain;justify-self:center}.ser b{font:700 14px var(--head)}.ser small{color:var(--muted);font-size:12px;line-height:1.35}.ser em{font-style:normal;font-weight:700;font-size:12.5px;color:var(--blue);align-self:end}
.tblcard{padding:6px 12px}.tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font:600 11px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}
.tbl .m{display:flex;align-items:center;gap:10px;min-width:200px}.tbl .m img{width:40px;height:40px;object-fit:contain;flex:0 0 40px}.tbl .m b{font:700 14.5px var(--head)}.tbl .m a{color:var(--ink);display:inline-flex;align-items:center;min-height:32px}.tbl .m a:hover{color:var(--blue)}.tbl .sub{font-size:12px;color:var(--muted)}
.tbl .tag,.tag{display:inline-block;background:var(--sky);color:var(--blue);border-radius:6px;padding:2px 7px;font:600 11px var(--head);margin:2px 4px 2px 0;white-space:nowrap}
.tbl tr.sr td{background:var(--bg);font:600 12.5px var(--head);color:var(--ink);padding:8px 10px}.tbl tr.sr td a{margin-left:8px;font-weight:500;font-size:12px}
.tbl td.pr{min-width:120px}.tbl td.act{white-space:nowrap;text-align:right}.tbl td.act .btn{margin-left:6px}
.cmpc{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:5px 9px;min-height:32px;min-width:32px;font:500 13px var(--sans);color:var(--muted);background:#fff;white-space:nowrap}.cmpc.on{background:var(--sky);color:var(--blue);border-color:#B9D6EE}
.tbl tr.off,.pc.off,.ar.off,.docrow.off,.dcard.off{display:none}
/* цена: розница зачёркнута + РРЦ −45 % */
.pz{display:flex;flex-direction:column;line-height:1.2;gap:2px}.pz s{font-size:12px;color:var(--muted)}.pz b{font:700 15.5px var(--head);white-space:nowrap}.pz em{font:600 10.5px var(--head);font-style:normal;color:var(--orange);background:var(--warn);border-radius:5px;padding:1px 5px;width:max-content}.pz .ok{color:var(--green);font-weight:600;font-size:12px}.pz .no{color:var(--muted);font-size:12px}.pz.ask b{font-size:14px;color:var(--ink)}
.pz.big{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 12px}.pz.big s{font-size:16px}.pz.big b{font:800 34px/1 var(--head);letter-spacing:-.02em}.pz.big em{font-size:13px;padding:3px 8px;align-self:center}.pz.big.ask b{font-size:26px}
.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r);background:#fff}
/* ===== карточка товара ===== */
.prod{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.prod>*{min-width:0}.prod h1{font-size:26px;margin:4px 0 8px}.prod .lead{margin:0 0 6px}.catnote{display:block;margin-top:6px;font:500 12px var(--sans);letter-spacing:0;text-transform:none;color:#7A3A10;background:var(--warn);border-radius:6px;padding:4px 8px;width:max-content;max-width:100%}
.gal{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:100%}.gal .gm{height:440px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:zoom-in;position:relative;padding:14px}.gal .gm img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.gal .gm .lab{position:absolute;left:12px;top:12px;background:rgba(15,31,46,.75);color:#fff;font:600 11px var(--head);padding:4px 8px;border-radius:6px;letter-spacing:.04em}
.gal .thumbs{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);overflow-x:auto}.gal .th{flex:0 0 auto;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;overflow:hidden}.gal .th img{width:100%;height:100%;object-fit:cover}.gal .th.doc img{object-fit:contain}.gal .th.doc{border-color:var(--line)}.gal .th.on{border-color:var(--blue)}
.gal .cap{padding:0 12px 10px;font-size:12px;color:var(--muted)}
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.plate{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;min-width:0}.plate b{display:block;font:600 10.5px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.plate span{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.buy{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.buy .st{color:var(--green);font-weight:600;margin:6px 0 12px;font-size:14px}.buy .st.no{color:var(--muted)}.buy .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.buy .qty{width:70px;height:40px;border:1px solid var(--line);border-radius:10px;text-align:center;font:16px var(--sans)}.buy .note{color:var(--muted);font-size:13px;margin:12px 0 0}.buy .cmpc{min-height:40px;padding:0 14px;border-radius:10px}
.bul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:14px}.bul li{margin:2px 0}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;margin:4px 0 -6px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;min-height:40px;font:600 14px var(--head);color:var(--muted);cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--blue);border-color:var(--blue)}
.tabsbox .tab{display:none}.tabsbox .tab.on{display:block}.tabsbox .tab>h2{font-size:17px;margin-bottom:10px}
table.sp{width:100%;border-collapse:collapse;font-size:14px}table.sp td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}table.sp tr:last-child td{border-bottom:0}table.sp td:first-child{color:var(--muted);width:46%}
.preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.preview a{display:block}.preview img{border:1px solid var(--line);border-radius:10px;background:#fff;cursor:zoom-in;width:100%}
.an{width:100%;border-collapse:collapse;font-size:13.5px}.an th,.an td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:middle}.an th{background:var(--sky);font:600 12px var(--head);white-space:nowrap}.an td.a{font-weight:700;white-space:nowrap}.an td.a>a{display:inline-block;padding:6px 0}.an td.a .hint{display:block;font:400 11.5px var(--sans);color:var(--muted)}.an tr.hit td{background:var(--warn)}.an td.hl{font-weight:600;background:#F7FBFF}.an tr.g th{background:#fff;font:700 15px var(--head);padding-top:14px;border-left:0;border-right:0}.an tr.g th i{font-style:normal;color:var(--muted);font-weight:500;font-size:12px;margin-left:6px}.an td.meta{font-size:12px;color:var(--muted);min-width:150px}.an td .pz b{font-size:14px}
.sim{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.sim a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);text-decoration:none!important;min-height:44px;min-width:0}.sim a:hover{border-color:#B9D6EE}.sim b{display:block;font:700 13.5px var(--head)}.sim small{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin:3px 0}.sim em{font-style:normal;font-weight:700;font-size:13px}
/* серия */
.shero>*{min-width:0}.shero h1{font-size:28px}
.sgal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sgal a{display:block;border:1px solid #D6E4F1;border-radius:10px;padding:6px;aspect-ratio:1;background:rgba(255,255,255,.75)}.sgal a:first-child{grid-column:1/-1;aspect-ratio:auto;height:230px;background:transparent;border:0}.sgal a:first-child img{filter:drop-shadow(0 18px 28px rgba(15,31,46,.22))}.sgal span{display:flex;height:100%;align-items:center;justify-content:center}.sgal img{max-height:100%;width:auto;max-width:100%;object-fit:contain}
/* аналоги */
.anhit{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1.3fr);gap:14px;align-items:center;background:#fff;border:1px solid #F7C7A6;border-radius:var(--r);padding:14px 16px;margin:10px 0;min-width:0}
.anhit .k{margin-bottom:3px}.anhit .l b{font:700 19px var(--head);display:block;overflow-wrap:anywhere}.anhit .l small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}.anhit .arr{font-size:26px;color:var(--orange);text-align:center;line-height:1}
.anhit .r{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.anhit .r img{width:96px;height:96px;object-fit:contain}.anhit .r b{font:800 20px var(--head);color:var(--blue);display:block}.anhit .r b a{color:inherit}.anhit .r small{display:block;font-size:12.5px;color:var(--muted);margin:2px 0 6px}.anhit .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.anhit .pz{margin-top:4px}
.antabs{margin:0 0 4px}.anchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center;font-size:12.5px;color:var(--muted)}.anchips a{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--ink);background:#fff;min-height:32px;display:inline-flex;align-items:center}
.dtool{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0}.dtool input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:14.5px var(--sans);flex:1 1 240px;max-width:460px;min-width:0}.dtool .cnt{color:var(--muted);font-size:13px}
.bser h2{font-size:19px}.bser table.sp{margin-top:10px}
/* документы */
.dsec{gap:10px}.sec-t{margin:10px 0 0;font-size:19px}.dser{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.dser img{width:56px;height:56px;object-fit:contain}.dser b{font:700 17px var(--head)}.dser small{display:block;color:var(--muted);font-size:13px}.dser .n{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}
.docrow{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,auto);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.docrow:last-child{border-bottom:0}.docrow img{width:72px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}.docrow b{font:700 14px var(--head)}.docrow small{display:block;color:var(--muted);font-size:12.5px}.docrow .links{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.docrow .links a{font-size:12.5px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;color:var(--ink);min-height:32px;display:inline-flex;align-items:center}
/* тексты, FAQ, CTA */
.text{max-width:none}.text>*:first-child{margin-top:0}.text h2{margin-top:22px;font-size:19px}.text h3{margin-top:16px}.text p,.text li{color:#2b3a4a;max-width:80ch}.text ul,.text ol{padding-left:22px}.text table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}.text td,.text th{border:1px solid var(--line);padding:7px 10px;vertical-align:top;text-align:left}.text th{background:var(--sky);font:600 12.5px var(--head)}.text .note{background:var(--warn);border-radius:10px;padding:10px 14px;color:#7A3A10;font-size:13.5px}.text{overflow-wrap:anywhere}
.intro p:last-child{margin-bottom:0}
.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:0;font-size:15.5px}.faq summary::after{content:"+";flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);font:600 18px/28px var(--head);text-align:center}.faq details[open] summary::after{content:"−"}.faq .a{padding:0 0 12px;color:#2b3a4a;max-width:80ch}.faq .a p{margin:0 0 8px}
.cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#1F7FC2,#2E9BDF);color:#fff;border-radius:16px;padding:18px 22px}.cta b{font:700 17px var(--head)}.cta .acts{display:flex;gap:8px;flex-wrap:wrap}.cta .btn.w{border-color:transparent}
.article header{margin-bottom:10px}.article h1{font-size:28px}.article .lead{font-size:16px}
.legal p,.legal li{font-size:14px}
.cont{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cont .card b{display:block;font:700 15px var(--head);margin-bottom:4px}.cont .card a{font-weight:600;font-size:16px}.cont .card .btn{margin-top:8px}.cont .card p{margin:4px 0 0;font-size:14px}
.map{background:var(--bg);border:1px dashed var(--line);border-radius:12px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.map:has(iframe){padding:0;border:0;min-height:0;display:block}.map iframe{display:block;border:0;border-radius:12px;width:100%;height:380px}
.nf h1{font-size:28px}
/* формы */
.lead-form input:not([type=checkbox]),.lead-form textarea,.drawer input:not([type=checkbox]),.drawer textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:14px var(--sans);margin-bottom:8px;background:#fff;color:var(--ink);min-height:40px}.lead-form textarea,.drawer textarea{height:80px;resize:vertical}
.cform label>span{display:block;font:600 11px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.frow>*{min-width:0}
.chk{display:flex;gap:8px;font-size:12.5px;color:var(--muted);margin:4px 0 10px;align-items:flex-start;line-height:1.4}.chk input{width:16px;height:16px;margin:2px 0 0;flex:0 0 16px}
.lead-form .msg{font-size:13.5px;margin-top:8px;min-height:1em}.lead-form .msg.ok{color:var(--green);font-weight:600}.lead-form .msg.err{color:#B3261E}.lead-form input.bad{border-color:#B3261E}
/* ===== оверлеи ===== */
.ov{position:fixed;inset:0;background:rgba(15,31,46,.35);z-index:1400;display:none}.ov.on{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;z-index:1500;box-shadow:-20px 0 50px rgba(15,31,46,.18);transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;visibility:hidden}.drawer.on{transform:none;visibility:visible}.drawer .h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.drawer .h b{font:700 17px var(--head)}.drawer .b{flex:1;overflow:auto;padding:12px 18px}.drawer .f{padding:14px 18px;border-top:1px solid var(--line);max-height:62vh;overflow:auto}#bsum{margin-bottom:10px;font-size:14px}
.bi{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.bi img{width:44px;height:44px;object-fit:contain}.bi b{font:700 13.5px var(--head)}.bi small{display:block;color:var(--muted);font-size:12px}.bi .qq{display:flex;align-items:center;gap:4px}.bi .qq button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:16px}.bi .qq span{min-width:22px;text-align:center;font-weight:600}.bi .rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:4px 0 0;min-height:24px;text-align:left}
.lb{position:fixed;inset:0;background:rgba(15,31,46,.92);z-index:2000;display:none;align-items:center;justify-content:center}.lb.on{display:flex}.lb img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:8px}.lb button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:22px;cursor:pointer}.lb .p{left:16px}.lb .n{right:16px}.lb .x{top:16px;right:16px;transform:none;font-size:18px}.lb .c{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#C9D6E3;font-size:13px}
.cmpbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:9px 10px 9px 18px;display:none;align-items:center;gap:12px;z-index:1200;font-size:14px;box-shadow:0 14px 34px rgba(15,31,46,.25);max-width:94vw}.cmpbar.on{display:flex}.cmpbar .btn{padding:7px 12px;min-height:32px}
.modal{position:fixed;inset:0;z-index:1600;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,31,46,.4)}.modal.on{display:flex}.modal .bx{background:#fff;border-radius:16px;max-width:1100px;width:100%;max-height:90vh;overflow:auto;padding:20px;position:relative}.modal .bx.sm{max-width:460px}.modal .mh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.modal .mh h2{margin:0;font-size:20px}
.modal table{width:100%;border-collapse:collapse;font-size:13.5px}.modal th,.modal td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.modal th{font:600 12px var(--head);color:var(--muted)}.modal td.diff{background:var(--warn)}.modal th img{height:60px;width:auto;object-fit:contain;margin-bottom:4px}
.modal .qitem{display:flex;gap:12px;align-items:center;background:var(--bg);border-radius:10px;padding:10px;margin-bottom:12px}.modal .qitem img{width:56px;height:56px;object-fit:contain}.modal .qitem b{font:700 14px var(--head);display:block}.modal .qitem small{color:var(--muted);font-size:12.5px}
#toast{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:2100;display:none;max-width:90vw;box-shadow:0 10px 30px rgba(15,31,46,.25)}#toast.on{display:block}
.sug{position:absolute;left:0;right:0;top:50px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(15,31,46,.14);z-index:60;overflow:hidden;display:none}.sug.on{display:block}.sug a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--ink);border-bottom:1px solid var(--line);min-height:44px}.sug a:last-child{border-bottom:0}.sug a:hover,.sug a.act{background:var(--sky);text-decoration:none}.sug img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}.sug b{font:700 13.5px var(--head)}.sug small{display:block;color:var(--muted);font-size:12px}.sug .k2{margin-left:auto;font:600 12px var(--head);color:var(--ink);white-space:nowrap}.sug .k2 s{color:var(--muted);font-weight:400;font-size:11px;margin-right:4px}
.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 14px 40px rgba(15,31,46,.18);padding:14px 16px;z-index:1300;font-size:13.5px}.consent b{display:block;margin-bottom:4px}.consent p{margin:0 0 10px;color:var(--muted)}.consent .bb{display:flex;gap:8px}
/* сертификаты и письма */
.certs{display:grid;grid-template-columns:1fr;gap:12px}.cert{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start}.cert .prev{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.cert .prev img{width:100%;height:auto}.cert h3{font-size:17px;margin-bottom:8px}.cert .meta{display:grid;gap:4px;margin-bottom:8px;font-size:13.5px}.cert .meta b{font:600 10.5px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block}.cert .body p{margin:0 0 8px;color:#2b3a4a}.cert .body ul{margin:0 0 8px;padding-left:20px;color:#2b3a4a}.cert .acts{display:flex;gap:8px;flex-wrap:wrap}
.certs.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cert.compact{grid-template-columns:72px minmax(0,1fr);gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.cert.compact b{display:block;font:700 13.5px var(--head);line-height:1.3}.cert.compact small{display:block;color:var(--muted);font-size:12px;margin:3px 0}.cert.compact a:not(.prev){font-size:13px;display:inline-block;padding:4px 0}
.certline{grid-column:1/-1;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;font-size:14px}.certline svg{width:22px;height:22px;flex:0 0 22px;stroke:var(--green);fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.compats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compat{background:var(--bg);border-radius:12px;padding:12px 14px}.compat b{font:700 15px var(--head)}.compat p{margin:4px 0 0;font-size:14px;color:#2b3a4a}.compat p.small{color:var(--muted)}
@media (max-width:760px){.compats{grid-template-columns:1fr}.cert{grid-template-columns:110px minmax(0,1fr);gap:12px}}
/* ===== подвал ===== */
footer{padding:22px 24px 34px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);margin-top:auto;background:url(/img/bg/s-foot-dark.jpg) center bottom/cover no-repeat;color:rgba(255,255,255,.75)}footer a{color:#fff}footer b,footer strong{color:#fff}footer a{color:var(--muted);display:inline-flex;align-items:center;min-height:32px}footer a:hover{color:var(--blue)}.fcols{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:16px;line-height:1.7}.fcols b{color:var(--ink)}.fbot{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
/* ===== адаптив ===== */
@media (min-width:700px){.consent{left:auto;right:20px;margin:0}}
@media (max-width:1300px){.cards,.pop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1200px){.cat{grid-template-columns:repeat(2,minmax(0,1fr))}.sim{grid-template-columns:repeat(3,minmax(0,1fr))}.pop{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.tb .mail span{display:none}.tb .mail{width:42px;height:42px;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;flex:0 0 42px}.pf,.pf2{grid-template-columns:repeat(3,minmax(0,1fr))}.pf .btn{grid-column:1/-1}.fgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fcols{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.prod,.two,.shero.phero{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:0;padding:26px 22px 32px}.hero h1{font-size:38px}.hero .comp{height:250px;max-width:520px;margin:0 auto;width:100%}.hero .comp .c1{height:175px}.hero .comp .c2{height:240px}.hero .comp .c3{height:185px}.phero{grid-template-columns:1fr;gap:14px}.phero .pic{justify-content:flex-start}.phero .pic img{max-height:150px}.gal .gm{height:360px}.trust{grid-template-columns:1fr}}
@media (max-width:900px){.tb .mail{width:42px;height:42px;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;flex:0 0 42px}.tb .mail span{display:none}.app{display:block;background:transparent}.sb{position:fixed;left:0;top:0;bottom:0;width:290px;z-index:1500;transform:translateX(-100%);transition:transform .25s;height:100vh;overflow:auto;border-right:1px solid var(--line)}.sb.on{transform:none}.sb .close{display:inline-flex;position:absolute;right:10px;top:10px}
.burger{display:inline-flex}.tb{padding:10px 16px;position:sticky;top:0}.content{padding:16px 16px 48px}.welcome{grid-template-columns:1fr}.welcome .pic img{max-height:200px}.stat{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cards,.pop{grid-template-columns:repeat(2,minmax(0,1fr))}.kb{grid-template-columns:1fr}.cont{grid-template-columns:1fr}
.docrow{grid-template-columns:56px minmax(0,1fr)}.docrow img{width:56px;height:48px}.docrow .links{grid-column:1/-1;justify-content:flex-start}.dser .n{margin-left:0;width:100%}}
@media (max-width:760px){.anhit{grid-template-columns:1fr;gap:8px}.anhit .arr{transform:rotate(90deg);justify-self:center}.preview{grid-template-columns:1fr}.frow{grid-template-columns:1fr}}
@media (max-width:700px){.tb .tel{display:none}.tb .q kbd{display:none}.tb .basket-btn{padding:10px 12px}
/* таблица моделей → карточки */
.tbl thead{display:none}.tbl,.tbl tbody{display:block}.tbl tr.ir{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 2px;border-bottom:1px solid var(--line)}.tbl tr.ir td{display:block;padding:0;border:0}.tbl tr.ir td:first-child{grid-column:1/-1}.tbl tr.ir td[data-l]::before{content:attr(data-l);display:block;font:600 10px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tbl tr.ir td.act{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start;margin-top:4px}.tbl tr.ir td.act .btn{margin:0;flex:1}.tbl tr.sr{display:block}.tbl tr.sr td{display:block;border-radius:8px}.tbl .m{min-width:0}.tbl tbody tr:last-child td{border-bottom:0}.tblcard{padding:4px 12px}
.pres .tblcard,.podbor-tbl{padding:4px 12px}}
@media (max-width:600px){h1,.page-h h1,.prod h1,.shero h1,.article h1,.nf h1,.phero h1{font-size:23px}.welcome h1{font-size:24px}.hero{padding:22px 18px 28px}.hero h1{font-size:31px}.hero .lead{font-size:15px}.hero .comp{height:200px}.hero .comp .c1{height:135px}.hero .comp .c2{height:195px}.hero .comp .c3{height:145px}.phero{padding:20px 18px 24px}.phero .pic img{max-height:120px}.sgal a:first-child{height:190px}.pf,.pf2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fgrid{grid-template-columns:1fr}.sim{grid-template-columns:repeat(2,minmax(0,1fr))}.pz.big b{font-size:28px}.gal .gm{height:300px}.sgal{grid-template-columns:repeat(3,minmax(0,1fr))}.sgal a:first-child{height:200px}.steps{grid-template-columns:1fr}.fcols{grid-template-columns:1fr}.cta{padding:16px}.content{gap:14px}.card{padding:16px}}
@media (max-width:520px){.tb>.btn.o{display:none}.cat,.cards,.pop{grid-template-columns:1fr}.plates{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{grid-template-columns:1fr 1fr}.buy .acts .btn{flex:1 1 auto}.modal{padding:10px}}
@media (max-width:420px){.anhit .r{grid-template-columns:72px minmax(0,1fr)}.anhit .r img{width:72px;height:72px}}
/* ===== печать ===== */
@media print{.sb,.tb,footer .fbot,.drawer,.ov,.lb,.modal,.cmpbar,.consent,#toast,.cta,.recent,.sim,.buy .acts,.tabs,.j-cmp,.cmp,.help,.crumbs,.kb,.subnav{display:none!important}
.app{display:block}.content{padding:0;display:block}.card,.gal,.buy,.plate,.welcome{border:0;box-shadow:none;padding:0;margin:0 0 10px;break-inside:avoid}.tabsbox .tab{display:block!important;margin:0 0 14px}.tabsbox .tab>h2{font-size:15px;border-bottom:1px solid #000;padding-bottom:4px}
.prod{grid-template-columns:1fr 1fr;gap:16px}.gal .gm{height:260px}.gal .thumbs,.gal .cap{display:none}body{font-size:12px;background:#fff;color:#000}a{color:#000}a[href^="http"]::after{content:" (" attr(href) ")";font-size:10px;color:#555}
.pz.big b{font-size:24px}footer{border:0;font-size:11px}}

@media (max-width:1000px){.hero{background-image:url(/img/bg/f11-m.jpg)}}
.hero .k{color:rgba(255,255,255,.78)}.hero h1{color:#fff}.hero .lead{color:rgba(255,255,255,.92)}.hero{border-color:rgba(255,255,255,.18)}.hero .btn.w{background:#fff;color:var(--ink)}.hero .rule{background:#fff}.hero .comp .one{filter:drop-shadow(0 22px 30px rgba(60,20,5,.35))}

@media (max-width:1000px){.hero .comp{height:260px;margin-top:8px}.hero .comp .one{height:100%;max-height:100%}}
@media (max-width:600px){.hero .comp{height:220px}}

/* ===== ТЕМА S1g «Закат, тёплые заголовки и ссылки» (выбор владельца 07.11.2026) ===== */
.phero h1,.phero .lead,.phero p,.phero .k{color:#fff}.phero .lead{color:rgba(255,255,255,.92)}.phero .plates b,.phero .plates span{color:var(--ink)}.phero .rule{background:#fff}.phero .crumbs,.phero .crumbs a{color:rgba(255,255,255,.85)}
.tb{background:rgba(255,240,228,.92);border-bottom-color:#F3DCCB}.sb{border-right-color:#F3DCCB}
.card,.pc,.kb a,.ser,.buy,.cat a{border-color:#F1DED0}.cat a{background:#FFF8F2}.cat a:hover{border-color:#F26A21}.steps li{background:#FFF1E6}.compat{background:#FFF4EA}
.stat div{background:#FFF1E4;border:1px solid #F3D9C4}.stat div b{color:#D95A17}
.cta{background:linear-gradient(135deg,#8E2410,#F26A21 60%,#FFB84D)}.sb .help{background:linear-gradient(135deg,#C9471A,#FF8A2B)}.sb .help a{color:#C9471A}
.tabs button.on{color:#8E2410;border-bottom-color:#8E2410}.sb a.n.on{background:#FFE7D6;color:#C9521A}
a{color:#D95A17}.k,.sec-h h2,h2{color:#6B2A12}.sb a.n{color:#3A2C25}
.btn.b{background:#F26A21}.btn.b:hover{background:#D95A17}.btn.o{background:#8E2410}.btn.o:hover{background:#6F1B0B}
.tbl th{color:#8E4A24}

/* индикатор наличия */
.ok::before,.st::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle;box-shadow:0 0 0 3px rgba(30,142,78,.15)}.pz .no::before,.st.no::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#B8C2CC;margin-right:6px;vertical-align:middle}

/* узкие экраны: карточка сертификата в столбик, длинные номера переносятся */
.cert .body,.cert .meta,.cert .meta span,.cert h3{min-width:0;overflow-wrap:anywhere}
@media (max-width:440px){.cert:not(.compact){grid-template-columns:1fr}.cert:not(.compact) .prev{max-width:170px}}

/* самые узкие телефоны (320–380 px): заголовок первого экрана не упирается в край */
.hero h1,.phero h1{overflow-wrap:break-word}
@media (max-width:380px){.hero h1{font-size:27px;line-height:1.12}.phero h1{font-size:23px}.hero{padding-left:18px;padding-right:18px}}

/* ===== ГОРОДА: значок города в шапке, блок доставки на городских страницах, таблица городов ===== */
.tb .city{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:600 13.5px var(--head);white-space:nowrap;flex:0 1 auto;min-width:0;text-decoration:none}
.tb .city svg{width:17px;height:17px;stroke:#F26A21;fill:none;stroke-width:1.9;flex:0 0 17px}
.tb .city .cn{overflow:hidden;text-overflow:ellipsis;max-width:150px}
.tb .city:hover{border-color:#F26A21;color:#8E2410}
@media (max-width:1280px){.tb .city .cn{max-width:96px}}
@media (max-width:900px){.tb .city{padding:0;width:42px;height:42px;justify-content:center;flex:0 0 42px}.tb .city .cn{display:none}}
@media (max-width:380px){.tb .city{display:none}}
.geo{border-left:4px solid #F26A21}
.geo>.k{display:block}
.geo h2{margin:4px 0 0}
.geo h3{margin:18px 0 6px;font-size:17px}
.geo-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.geo-g>div{background:#FFF6EE;border:1px solid #F6DCC8;border-radius:12px;padding:12px 14px;min-width:0}
.geo-g b{display:block;font:700 11.5px var(--head);letter-spacing:.04em;text-transform:uppercase;color:#8E2410;margin-bottom:4px}
.geo-g span{font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.geo-t{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 6px}
.geo-t th,.geo-t td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.geo-t th{font:700 12px var(--head);color:#8E2410;text-transform:uppercase;letter-spacing:.03em;background:#FFF6EE;white-space:nowrap}
.geo-t td b{white-space:nowrap}
.geo-t.cities td:first-child a{color:#8E2410}
.geo .faq summary h3{font-size:15.5px;margin:0}
@media (max-width:900px){.geo-g{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.geo-g{grid-template-columns:1fr}.geo-t{font-size:13.5px}.geo-t th,.geo-t td{padding:8px 8px}}
@media (max-width:520px){.geo-t th{white-space:normal}.geo-t td b{white-space:normal}}
