<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TeploMaster — Повірка лічильників тепла | 900 ₴ | Вся Україна</title>
<meta name="description" content="Повірка лічильників тепла на акредитованій станції. Відправте Новою Поштою з будь-якого міста — повернемо зі свідоцтвом за 7 днів. Ціна від 900 ₴. Виїзд майстра по Києву від 1600 ₴.">
<link rel="canonical" href="https://teplo-m.com/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://teplo-m.com/">
<meta property="og:title" content="TeploMaster — Повірка лічильників тепла | від 900 ₴">
<meta property="og:description" content="Акредитована лабораторія. Повірка за 7 днів. Відправка Новою Поштою з будь-якого міста України. Виїзд майстра по Києву.">
<meta property="og:image" content="https://teplo-m.com/Photos/meter1.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="TeploMaster — Повірка лічильників тепла | від 900 ₴">
<meta name="twitter:description" content="Акредитована лабораторія. Повірка за 7 днів. Відправка Новою Поштою з будь-якого міста України.">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5CKWX4LZW1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-5CKWX4LZW1');
  gtag('config', 'AW-18140491826');
</script>
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') { window.location = url; }
  };
  gtag('event', 'conversion', {
    'send_to': 'AW-18140491826/L1XUCNLoyqccELLgh8pD',
    'event_callback': callback
  });
  return false;
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Geologica:wght@300;400;700&display=swap" rel="stylesheet">
<style>
:root{--g:#1db954;--gl:#4ade80;--d:#0a0f0a;--d2:#111811;--d3:#1a231a;--gr:#8a9e8a;--w:#f0f7f0;--r:#ff4444}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--d);color:var(--w);font-family:'Geologica',sans-serif;font-weight:300;overflow-x:hidden}
.nav{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(10,15,10,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(29,185,84,.2);display:flex;flex-direction:column}
.nav-row1{display:flex;align-items:center;justify-content:space-between;padding:11px 28px}
.nav-row2{display:flex;align-items:center;justify-content:center;gap:28px;padding:8px 28px;border-top:1px solid rgba(29,185,84,.1)}
.nav-counter{display:flex}
.nav-center{display:flex;justify-content:center}
.nav-right{display:flex;justify-content:flex-end}
.ai-btn{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(29,185,84,.15),rgba(29,185,84,.08));border:1px solid rgba(29,185,84,.5);color:var(--g);padding:8px 18px;border-radius:100px;font-family:'Geologica',sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;text-decoration:none;transition:all .25s;white-space:nowrap}
.ai-btn:hover{background:var(--g);color:var(--d);border-color:var(--g);box-shadow:0 0 20px rgba(29,185,84,.4)}
.ai-dot{width:7px;height:7px;background:var(--g);border-radius:50%;animation:p 2s infinite;flex-shrink:0}
.logo{display:flex;align-items:center;gap:10px}.logo img{height:32px;width:auto}.logo-text{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:var(--g)}.logo-text span{color:var(--w)}
.lbtns{display:flex;gap:3px}
.lb{padding:4px 12px;border:1px solid rgba(29,185,84,.3);background:transparent;color:var(--gr);font-family:'Geologica',sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;cursor:pointer;border-radius:3px;transition:all .2s}
.lb:hover,.lb.on{background:var(--g);color:var(--d);border-color:var(--g)}
.tkr{background:var(--g);overflow:hidden;padding:11px 0;margin-top:52px}
.ttr{display:flex;animation:tk 22s linear infinite;width:max-content}
.ti{color:var(--d);font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:2px;padding:0 28px;white-space:nowrap}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.hl{display:flex;flex-direction:column;justify-content:center;padding:100px 52px 70px;z-index:2}
.badge{display:inline-flex;align-items:center;gap:7px;background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.3);border-radius:100px;padding:5px 14px;font-size:10px;color:var(--g);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;width:fit-content}
.dot{width:5px;height:5px;background:var(--g);border-radius:50%;animation:p 2s infinite}
@keyframes p{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.htit{font-family:'Bebas Neue',sans-serif;font-size:clamp(46px,5.5vw,78px);line-height:.95;letter-spacing:2px;margin-bottom:18px}
.htit .g{color:var(--g)}
.hsub{font-size:clamp(13px,1.3vw,15px);color:var(--gr);line-height:1.7;margin-bottom:36px;max-width:400px}
.pbox{background:var(--d3);border:1px solid rgba(29,185,84,.2);border-radius:11px;padding:22px 26px;margin-bottom:28px;position:relative;overflow:hidden}
.pbox::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--g),transparent)}
.pr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pl{font-size:11px;color:var(--gr)}.pv{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--g)}.po{font-size:11px;color:var(--r);text-decoration:line-through;margin-left:5px}
.pd{height:1px;background:rgba(255,255,255,.06);margin:10px 0}
.sv{display:inline-block;background:rgba(255,68,68,.12);border:1px solid rgba(255,68,68,.25);color:var(--r);font-size:9px;padding:3px 9px;border-radius:100px;letter-spacing:1px;margin-top:5px}
.cta{display:flex;gap:10px}
.bp{background:var(--g);color:var(--d);border:none;padding:14px 26px;font-family:'Geologica',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.bp:hover{background:var(--gl);transform:translateY(-2px);box-shadow:0 8px 24px rgba(29,185,84,.3)}
.bs{background:transparent;color:var(--w);border:1px solid rgba(255,255,255,.2);padding:14px 26px;font-family:'Geologica',sans-serif;font-size:12px;letter-spacing:1px;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.bs:hover{border-color:var(--g);color:var(--g)}
.hr{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(26,35,26,.6),rgba(15,26,15,.5));display:flex;align-items:center;justify-content:center;font-size:120px}
.hov{position:absolute;inset:0;background:linear-gradient(90deg,var(--d) 0%,transparent 35%)}
.hstat{position:absolute;bottom:32px;right:32px;background:rgba(10,15,10,.88);backdrop-filter:blur(10px);border:1px solid rgba(29,185,84,.3);border-radius:10px;padding:16px 20px;text-align:center}
.hsn{font-family:'Bebas Neue',sans-serif;font-size:34px;color:var(--g);line-height:1}
.hsl{font-size:9px;color:var(--gr);letter-spacing:1px;text-transform:uppercase;margin-top:3px}

/* COUNTER */
.counter-block{background:var(--d3);border:1px solid rgba(29,185,84,.15);border-radius:11px;padding:16px 22px;margin-bottom:28px;display:flex;align-items:center;gap:16px}
.counter-icon{font-size:28px}
.counter-num{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--g);line-height:1;letter-spacing:2px}
.counter-label{font-size:11px;color:var(--gr);letter-spacing:1px;text-transform:uppercase;margin-top:3px}

.sec{padding:80px 52px;max-width:1260px;margin:0 auto}
.sl{font-size:9px;color:var(--g);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.sh{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,3.5vw,50px);letter-spacing:2px;line-height:1;margin-bottom:12px}
.sd{color:var(--gr);font-size:13px;line-height:1.7;max-width:480px;margin-bottom:50px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:var(--d3);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:26px 22px;position:relative;transition:border-color .2s}
.step:hover{border-color:rgba(29,185,84,.35)}
.sn{font-family:'Bebas Neue',sans-serif;font-size:52px;color:rgba(29,185,84,.1);line-height:1;margin-bottom:12px}
.si{font-size:24px;margin-bottom:10px;display:block}
.st{font-size:14px;font-weight:700;margin-bottom:7px}
.sd2{font-size:11px;color:var(--gr);line-height:1.6}
.sa{position:absolute;top:50%;right:-10px;transform:translateY(-50%);color:var(--g);font-size:16px;z-index:1}
.aw{background:var(--d2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.ai{display:grid;grid-template-columns:1fr 1fr;max-width:1260px;margin:0 auto}
.al{padding:80px 52px;border-right:1px solid rgba(255,255,255,.05)}
.ar{padding:80px 52px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.04);align-content:start}
.ac{background:var(--d2);padding:26px 22px;transition:background .2s}
.ac:hover{background:var(--d3)}
.ai2{font-size:26px;margin-bottom:12px;display:block}
.at2{font-size:13px;font-weight:700;margin-bottom:5px}
.ad{font-size:11px;color:var(--gr);line-height:1.6}
.bc{font-family:'Bebas Neue',sans-serif;font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:2px;margin-bottom:24px}
.bc .g{color:var(--g)}.bc .r{color:var(--r)}
.gw{padding:80px 0}
.gh{padding:0 52px;max-width:1260px;margin:0 auto 36px}
.gg{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:3px;max-width:1260px;margin:0 auto;padding:0 52px}
.gi{overflow:hidden;border-radius:7px;position:relative;background:var(--d3);display:flex;align-items:center;justify-content:center;font-size:44px}
.gi:first-child{grid-row:span 2;font-size:80px}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:brightness(.75)}
.gi:hover img{transform:scale(1.04);filter:brightness(.95)}
.gl2{position:absolute;bottom:9px;left:9px;background:rgba(10,15,10,.82);backdrop-filter:blur(6px);border:1px solid rgba(29,185,84,.3);border-radius:5px;padding:4px 9px;font-size:9px;color:var(--g);letter-spacing:1px;text-transform:uppercase}
.ps{background:var(--d3);border-top:1px solid rgba(29,185,84,.12);border-bottom:1px solid rgba(29,185,84,.12)}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:740px}
.pc{background:var(--d);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:32px 28px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}
.pc:hover{border-color:rgba(29,185,84,.35);transform:translateY(-3px)}
.pc.f{border-color:var(--g)}
.pc.f::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--g)}
.fb{position:absolute;top:14px;right:14px;background:var(--g);color:var(--d);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:100px}
.pt2{font-size:9px;color:var(--gr);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}
.pn{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:18px}
.pp{font-family:'Bebas Neue',sans-serif;font-size:46px;color:var(--g);line-height:1;margin-bottom:3px}
.pp span{font-size:18px;color:var(--gr)}
.pnt{font-size:10px;color:var(--gr);margin-bottom:22px;line-height:1.5}
.pfl{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:24px}
.pfl li{font-size:11px;color:var(--gr);display:flex;align-items:flex-start;gap:7px;line-height:1.5}
.pfl li::before{content:'✓';color:var(--g);font-weight:700;flex-shrink:0}
.cs{max-width:1260px;margin:0 auto;padding:80px 52px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.fb2{background:var(--d3);border:1px solid rgba(29,185,84,.2);border-radius:13px;padding:40px 32px;position:relative;overflow:hidden}
.fb2::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--g),var(--gl),transparent)}
.ft{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:2px;margin-bottom:5px}
.fs2{font-size:11px;color:var(--gr);margin-bottom:24px;line-height:1.6}
.fg{margin-bottom:12px}
.fl2{display:block;font-size:9px;color:var(--gr);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.fi,.fsl{width:100%;background:var(--d);border:1px solid rgba(255,255,255,.1);color:var(--w);padding:12px 14px;font-family:'Geologica',sans-serif;font-size:12px;border-radius:7px;outline:none;transition:border-color .2s;appearance:none}
.fi:focus,.fsl:focus{border-color:var(--g)}.fi::placeholder{color:rgba(255,255,255,.18)}
.fsl option{background:var(--d2)}
.fsu{width:100%;background:var(--g);color:var(--d);border:none;padding:15px;font-family:'Geologica',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:7px;cursor:pointer;transition:all .2s;margin-top:5px}
.fsu:hover{background:var(--gl);box-shadow:0 8px 24px rgba(29,185,84,.3)}
.okm{display:none;text-align:center;padding:24px;color:var(--g);font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px}
.cb{background:var(--d3);border:1px solid rgba(255,255,255,.07);border-radius:13px;overflow:hidden;height:460px;display:flex;flex-direction:column}
.ch{background:var(--d2);padding:13px 17px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.05)}
.cav{width:32px;height:32px;background:var(--g);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.cnm{font-size:12px;font-weight:600}.cst{font-size:9px;color:var(--g)}
.cm{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}
.cm::-webkit-scrollbar{width:3px}.cm::-webkit-scrollbar-thumb{background:rgba(29,185,84,.3);border-radius:2px}
.mg{max-width:84%;padding:10px 13px;border-radius:10px;font-size:11px;line-height:1.55;animation:mi .3s ease both}
@keyframes mi{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.mb{background:var(--d2);border:1px solid rgba(255,255,255,.06);align-self:flex-start;border-bottom-left-radius:3px}
.mu{background:var(--g);color:var(--d);align-self:flex-end;border-bottom-right-radius:3px;font-weight:500}
.typ{display:flex;gap:3px;align-items:center;padding:10px 13px;background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:10px;border-bottom-left-radius:3px;width:fit-content}
.typ span{width:4px;height:4px;background:var(--gr);border-radius:50%;animation:b 1.2s infinite}
.typ span:nth-child(2){animation-delay:.2s}.typ span:nth-child(3){animation-delay:.4s}
@keyframes b{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
.cir{padding:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:7px}
.ci{flex:1;background:var(--d);border:1px solid rgba(255,255,255,.1);color:var(--w);padding:10px 13px;font-family:'Geologica',sans-serif;font-size:11px;border-radius:7px;outline:none;transition:border-color .2s}
.ci:focus{border-color:var(--g)}.ci::placeholder{color:rgba(255,255,255,.18)}
.csnd{background:var(--g);color:var(--d);border:none;width:38px;height:38px;border-radius:7px;cursor:pointer;font-size:15px;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.csnd:hover{background:var(--gl)}
footer{background:var(--d2);border-top:1px solid rgba(255,255,255,.04);padding:40px 52px}
.fi2{max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
.fl3{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:3px;color:var(--g)}.fl3 span{color:var(--w)}
.fc{display:flex;flex-direction:column;gap:6px}
.fct{font-size:11px;color:var(--gr);display:flex;align-items:center;gap:6px;text-decoration:none;transition:color .2s}
.fct:hover{color:var(--g)}
.fcp{font-size:10px;color:rgba(255,255,255,.18);text-align:right}
/* TABS */
.tab-btns{display:flex;gap:8px;margin-bottom:28px}
.tab-btn{padding:9px 22px;border:1px solid rgba(29,185,84,.3);background:transparent;color:var(--gr);font-family:'Geologica',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:all .2s}
.tab-btn.on{background:var(--g);color:var(--d);border-color:var(--g)}
.tab-pane{display:none}.tab-pane.on{display:block}
/* KYIV SECTION */
.kyiv-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;max-width:900px}
.kyiv-card{background:var(--d3);border:2px solid var(--g);border-radius:13px;padding:32px 28px;position:relative;overflow:hidden}
.kyiv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g),var(--gl))}
.kyiv-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.kyiv-list li{font-size:12px;color:var(--gr);display:flex;align-items:flex-start;gap:8px;line-height:1.5}
.kyiv-list li::before{content:'✓';color:var(--g);font-weight:700;flex-shrink:0}
.kyiv-list li.reg::before{content:'★';color:var(--g)}
.kyiv-price-table{background:var(--d);border:1px solid rgba(29,185,84,.15);border-radius:9px;overflow:hidden;margin-bottom:20px}
.kyiv-pt-head{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px 14px;background:rgba(29,185,84,.1);font-size:9px;color:var(--g);letter-spacing:1.5px;text-transform:uppercase;gap:8px}
.kyiv-pt-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:13px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;gap:8px;align-items:center}
.kyiv-pt-total{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--g)}
.kyiv-warn{background:rgba(29,185,84,.07);border:1px solid rgba(29,185,84,.2);border-radius:9px;padding:14px 18px;font-size:11px;color:var(--gr);line-height:1.6}
.kyiv-warn b{color:var(--g)}
/* REVIEWS */
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:900px}
.rev-card{background:var(--d3);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:26px 24px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}
.rev-card:hover{border-color:rgba(29,185,84,.3)}
.rev-org{display:flex;align-items:center;gap:12px}
.rev-ico{font-size:28px;flex-shrink:0}
.rev-name{font-size:12px;font-weight:700;line-height:1.3}
.rev-type{font-size:10px;color:var(--gr)}
.rev-text{font-size:11px;color:var(--gr);line-height:1.7;flex:1}
.rev-doc{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:rgba(29,185,84,.6);letter-spacing:1px;text-transform:uppercase}
/* HERO TWO BOXES */
.hero-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
/* LOCATION HINT */
.loc-hint{display:none;margin-top:7px;font-size:10px;color:var(--g);line-height:1.5}
/* SLIDING PANEL */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1100;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px)}
.overlay.on{opacity:1;pointer-events:all}
.drawer{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--d2);border-left:1px solid rgba(29,185,84,.2);z-index:1200;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.drawer.on{transform:translateX(0)}
.dr-head{padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}
.dr-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;color:var(--g)}
.dr-close{background:none;border:1px solid rgba(255,255,255,.15);color:var(--gr);width:30px;height:30px;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.dr-close:hover{border-color:var(--r);color:var(--r)}
.dr-nav{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.dr-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;text-decoration:none;border:1px solid transparent;transition:all .2s;cursor:pointer}
.dr-link:hover{background:rgba(29,185,84,.08);border-color:rgba(29,185,84,.2)}
.dr-icon{font-size:20px;flex-shrink:0;width:32px;text-align:center}
.dr-txt{display:flex;flex-direction:column;gap:2px}
.dr-name{font-size:13px;font-weight:600;color:var(--w)}
.dr-desc{font-size:10px;color:var(--gr)}
.bat-table{max-width:860px;border:1px solid rgba(29,185,84,.2);border-radius:11px;overflow:hidden;margin-bottom:18px}
.bat-head{display:grid;grid-template-columns:3fr 1fr 1fr;background:rgba(29,185,84,.1);padding:12px 18px;font-size:9px;color:var(--g);letter-spacing:1.5px;text-transform:uppercase;gap:12px}
.bat-row{display:grid;grid-template-columns:3fr 1fr 1fr;padding:16px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;gap:12px;transition:background .2s;align-items:center}
.bat-row:hover{background:rgba(29,185,84,.05)}
.bat-models{color:var(--gr);font-size:11px;line-height:1.7}
.bat-models b{color:var(--w);font-weight:600;font-size:12px}
.bat-res{font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--w);white-space:nowrap}
.bat-res small{display:block;font-family:'Geologica',sans-serif;font-size:9px;color:var(--gr);letter-spacing:1px;text-transform:uppercase;font-weight:400}
.bat-prices{display:flex;flex-direction:column;gap:4px}
.bat-price{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--w);line-height:1}
.bat-sale{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--g);line-height:1}
.bat-pl{font-size:8px;color:var(--gr);letter-spacing:1px;text-transform:uppercase}
.bat-note{font-size:10px;color:rgba(255,255,255,.3);margin-top:14px}
.bat-tip{background:rgba(29,185,84,.07);border:1px solid rgba(29,185,84,.2);border-radius:9px;padding:14px 18px;margin-top:16px;font-size:11px;color:var(--gr);line-height:1.6}
.bat-tip b{color:var(--g)}
.price-breakdown{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:10px;color:var(--gr)}
.price-breakdown span{background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.2);color:var(--g);padding:2px 7px;border-radius:100px;font-family:'Bebas Neue',sans-serif;font-size:13px}
@media(max-width:860px){
  .nav{display:flex;flex-direction:column;gap:0;padding:0}.nav-row1{display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.nav-row2{display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 10px;border-top:1px solid rgba(29,185,84,.1)}.logo img{height:20px}.logo-text{font-size:13px;letter-spacing:1px}.logo{gap:4px}.nav-counter{display:none}.ai-btn{padding:4px 10px;font-size:9px;gap:3px}.ai-dot{width:5px;height:5px}.lbtns{gap:1px}.lb{padding:2px 6px;font-size:8px;letter-spacing:0}.nav-phones{display:contents}.nav-phone-link{font-size:12px!important}
  .hero{grid-template-columns:1fr}.hr{display:none}.hl{padding:110px 20px 50px}
  .hero-prices{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}.sa{display:none}
  .ai{grid-template-columns:1fr}.al{border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:60px 20px}.ar{padding:60px 20px}
  .gg{grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:0 20px}.gi:first-child{grid-row:auto;font-size:44px}
  .cs{grid-template-columns:1fr;padding:60px 20px;gap:32px}.pg{grid-template-columns:1fr!important}
  .sec{padding:60px 20px}
  .drawer{width:100%;top:auto;bottom:0;right:0;left:0;transform:translateY(100%);border-left:none;border-top:1px solid rgba(29,185,84,.2);max-height:70vh}
  .drawer.on{transform:translateY(0)}
  footer{padding:32px 20px}.fi2{flex-direction:column;align-items:flex-start}.fcp{text-align:left}
  .gh{padding:0 20px}
  .kyiv-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr}
  .tab-btns{flex-direction:column}
  .steps[style*="repeat(5"]{grid-template-columns:1fr 1fr}
  .fi,.fsl{font-size:16px}
  .bp,.bs,.fsu{min-height:48px;display:flex;align-items:center;justify-content:center}
  .fb2{padding:24px 16px}
  .hl{padding:50px 16px 40px}
  .pbox{padding:16px}
}
canvas#particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
</style>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "TeploMaster",
  "description": "Повірка лічильників тепла та води по всій Україні. Власна проливна станція у Києві.",
  "url": "https://teplo-m.com",
  "telephone": ["+380634587131", "+380986549434"],
  "email": "zakaz@teplo-m.com",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "вул. Євгена Сверстюка 19, оф. 713",
    "addressLocality": "Київ",
    "addressCountry": "UA"
  },
  "openingHours": "Mo-Su 08:00-20:00",
  "priceRange": "від 450 грн",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "120"
  },
  "sameAs": [
    "https://www.youtube.com/@teplomaster6283",
    "https://www.tiktok.com/@teplomaster1"
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Як відправити лічильник Новою Поштою?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Наклейте на коробку позначку «Крихке» та вкажіть у декларації Нової Пошти реальну ринкову вартість приладу — з цієї суми розраховується страхове відшкодування. Не знаєте суму? Зателефонуйте нам — підкажемо точну оціночну вартість вашої моделі."
      }
    },
    {
      "@type": "Question",
      "name": "Чи дійсне свідоцтво про повірку по всій Україні?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Так. Ми акредитовані ДП «УкрМетрТестСтандарт» і входимо в міжнародну систему ILAC-MRA — свідоцтво визнається комунальними службами та теплопостачальними організаціями в усіх регіонах України."
      }
    },
    {
      "@type": "Question",
      "name": "Скільки триває повірка?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "7 робочих днів з моменту отримання лічильника нашою лабораторією. У цей термін входять: проливання на власній станції, оформлення свідоцтва та відправлення приладу назад Новою Поштою."
      }
    },
    {
      "@type": "Question",
      "name": "Чи потрібен демонтаж лічильника?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Для тарифу «Вся Україна» — ні: ви знімаєте лічильник самостійно (є відео-інструкція) і відправляєте поштою. Для тарифу «Київ з виїздом» — демонтаж, повірку і монтаж виконує наш майстер, нічого робити самостійно не треба."
      }
    },
    {
      "@type": "Question",
      "name": "Чи можна замовити майстра додому?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Так, виїзд майстра доступний тільки по Києву. Ціна: від 1 600 ₴ за один прилад (включає демонтаж, повірку, монтаж і реєстрацію в КТЕ/ЄвроРеконструкція). При замовленні від 10 приладів — ціна знижується."
      }
    },
    {
      "@type": "Question",
      "name": "Яка ціна на повірку лічильника тепла?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Тариф «Вся Україна» (поштою, самостійний демонтаж): 900 ₴ за 1 прилад, від 20 приладів — 800 ₴. Тариф «Київ з виїздом майстра»: від 1 600 ₴ за 1 прилад (при замовленні від 10 шт. — знижка до 1 400 ₴, від 50 шт. — 1 250 ₴)."
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "Повірка лічильників тепла — TeploMaster",
  "provider": { "@type": "LocalBusiness", "name": "TeploMaster" },
  "offers": [
    {
      "@type": "Offer",
      "name": "Повірка лічильника тепла (вся Україна, пошта)",
      "price": "900",
      "priceCurrency": "UAH",
      "description": "Повірка лічильника тепла на власній акредитованій станції. Відправка Новою Поштою з будь-якого міста України. Термін 7 робочих днів.",
      "areaServed": "UA"
    },
    {
      "@type": "Offer",
      "name": "Повірка лічильника тепла з виїздом майстра (Київ)",
      "price": "1600",
      "priceCurrency": "UAH",
      "description": "Повний пакет для Києва: демонтаж, повірка, монтаж, реєстрація в Київтеплоенерго або Єврореконструкції.",
      "areaServed": "Київ"
    }
  ]
}
</script>
</head>
<body>
<canvas id="particles"></canvas>

<!-- NAV -->
<nav class="nav">
  <!-- Строка 1: лого + счётчик + языки -->
  <div class="nav-row1">
    <div class="logo">
      <img src="Photos/logo2.jpg" alt="TeploMaster — повірка лічильників тепла та води" width="32" height="32">
      <div class="logo-text"><span>TEPLO</span>MASTER</div>
      <div class="nav-counter" style="display:flex;align-items:center;gap:5px;margin-left:12px;opacity:.7">
        <span style="font-size:12px">👁</span>
        <span id="counterNum" style="font-family:'Bebas Neue',sans-serif;font-size:15px;color:var(--g);letter-spacing:1px">69 453</span>
      </div>
    </div>
    <div class="lbtns">
      <button class="lb on" onclick="setLang('uk')">УКР</button>
      <button class="lb" onclick="setLang('ru')">РУС</button>
      <button class="lb" onclick="setLang('en')">ENG</button>
    </div>
  </div>
  <!-- Строка 2: телефон + АИ + телефон -->
  <div class="nav-row2">
    <a href="tel:+380634587131" class="nav-phone-link" style="color:var(--g);font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;text-decoration:none;white-space:nowrap">063 458-71-31</a>
    <button class="ai-btn" onclick="toggleDrawer()">
      <span class="ai-dot"></span>
      <span class="t" data-uk="🤖 АІ-Консультант онлайн" data-ru="🤖 АИ-Консультант онлайн" data-en="🤖 AI Consultant online">🤖 АІ-Консультант онлайн</span>
    </button>
    <a href="tel:+380986549434" class="nav-phone-link" style="color:var(--g);font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;text-decoration:none;white-space:nowrap">098 654-94-34</a>
  </div>
</nav>

<!-- TICKER -->
<div class="tkr"><div class="ttr" id="tkr">
  <span class="ti">ПОВІРКА ПО ВСІЙ УКРАЇНІ</span><span class="ti">◆</span>
  <span class="ti">ВЛАСНА ПРОЛИВНА СТАНЦІЯ</span><span class="ti">◆</span>
  <span class="ti">ВІДПРАВЛЯЙ НОВОЮ ПОШТОЮ</span><span class="ti">◆</span>
  <span class="ti">ВИЇЗД МАЙСТРА · КИЇВ ТА ОБЛАСТЬ</span><span class="ti">◆</span>
  <span class="ti">РЕЄСТРАЦІЯ В КИЇВТЕПЛОЕНЕРГО АБО ЄВРОРЕКОНСТРУКЦІЇ · КИЇВ</span><span class="ti">◆</span>
  <span class="ti">БУДЬ-ЯКИЙ ДІАМЕТР · DN15–DN60+</span><span class="ti">◆</span>
  <span class="ti">ПОВІРКА ПО ВСІЙ УКРАЇНІ</span><span class="ti">◆</span>
  <span class="ti">ВЛАСНА ПРОЛИВНА СТАНЦІЯ</span><span class="ti">◆</span>
  <span class="ti">ВІДПРАВЛЯЙ НОВОЮ ПОШТОЮ</span><span class="ti">◆</span>
  <span class="ti">ВИЇЗД МАЙСТРА · КИЇВ ТА ОБЛАСТЬ</span><span class="ti">◆</span>
  <span class="ti">РЕЄСТРАЦІЯ В КИЇВТЕПЛОЕНЕРГО АБО ЄВРОРЕКОНСТРУКЦІЇ · КИЇВ</span><span class="ti">◆</span>
  <span class="ti">БУДЬ-ЯКИЙ ДІАМЕТР · DN15–DN60+</span><span class="ti">◆</span>
</div></div>

<!-- HERO -->
<section class="hero">
  <div class="hl">
    <div class="badge">
      <div class="dot"></div>
      <span class="t" data-uk="Власна лабораторія · Київ" data-ru="Собственная лаборатория · Киев" data-en="Own laboratory · Kyiv">Власна лабораторія · Київ</span>
    </div>
    <h1 class="htit">
      <span class="t" data-uk="ПОВІРКА" data-ru="ПОВЕРКА" data-en="METER">ПОВІРКА</span><br>
      <span class="g t" data-uk="ЛІЧИЛЬНИКІВ" data-ru="СЧЁТЧИКОВ" data-en="CALIBRATION">ЛІЧИЛЬНИКІВ</span><br>
      <span class="t" data-uk="ПО ВСІЙ УКРАЇНІ" data-ru="ПО ВСЕЙ УКРАИНЕ" data-en="ACROSS UKRAINE">ПО ВСІЙ УКРАЇНІ</span>
    </h1>
    <p class="hsub t" data-uk="Надсилайте лічильник Новою Поштою з будь-якого міста. Повіряємо на власній станції та повертаємо зі свідоцтвом державного зразка." data-ru="Отправляйте счётчик Новой Почтой из любого города. Поверяем на собственной станции и возвращаем со свидетельством государственного образца." data-en="Send your meter by Nova Poshta from any city. We verify at our own station and return it with an official certificate.">Надсилайте лічильник Новою Поштою з будь-якого міста. Повіряємо на власній станції та повертаємо зі свідоцтвом державного зразка.</p>


    <div class="hero-prices">
      <div class="pbox" style="margin-bottom:0">
        <div class="pr" style="margin-bottom:6px">
          <span class="pl t" data-uk="📦 По всій Україні · пошта" data-ru="📦 По всей Украине · почта" data-en="📦 All Ukraine · by mail">📦 По всій Україні · пошта</span>
        </div>
        <div style="display:flex;align-items:baseline;gap:5px;margin-bottom:6px">
          <span class="pv">900 ₴</span>
        </div>
        <div class="pd"></div>
        <span class="pl" style="font-size:10px" class="t" data-uk="Повірка + свідоцтво · батарейка окремо 400 ₴" data-ru="Поверка + свидетельство · батарейка отдельно 400 ₴" data-en="Calibration + certificate · battery extra 400 ₴">Повірка + свідоцтво · батарейка окремо 400 ₴</span>
      </div>
      <div class="pbox" style="margin-bottom:0;border-color:var(--g)">
        <div class="pr" style="margin-bottom:6px">
          <span class="pl t" data-uk="🔧 Київ · повний пакет" data-ru="🔧 Киев · полный пакет" data-en="🔧 Kyiv · full service">🔧 Київ · повний пакет</span>
        </div>
        <div style="display:flex;align-items:baseline;gap:4px;margin-bottom:6px">
          <span style="font-size:11px;color:var(--gr)" class="t" data-uk="від" data-ru="от" data-en="from">від</span>
          <span class="pv">1 600 ₴</span>
        </div>
        <div class="pd"></div>
        <span class="pl" style="font-size:10px;color:var(--g)" class="t" data-uk="Виїзд + повірка + монтаж + реєстрація в Київтеплоенерго або Єврореконструкції" data-ru="Выезд + поверка + монтаж + регистрация в Киевтеплоэнерго или Еврореконструкции" data-en="Visit + calibration + install + registration">Виїзд + повірка + монтаж + реєстрація в Київтеплоенерго або Єврореконструкції</span>
      </div>
    </div>
    <div class="cta">
      <a href="#contact" class="bp t" data-uk="ЗАЛИШИТИ ЗАЯВКУ" data-ru="ОСТАВИТЬ ЗАЯВКУ" data-en="SUBMIT REQUEST">ЗАЛИШИТИ ЗАЯВКУ</a>
      <a href="#kyiv" class="bs t" data-uk="ПОВНИЙ ПАКЕТ · КИЇВ" data-ru="ПОЛНЫЙ ПАКЕТ · КИЕВ" data-en="FULL SERVICE · KYIV">ПОВНИЙ ПАКЕТ · КИЇВ</a>
    </div>
  </div>
  <div class="hr" style="flex-direction:column;gap:24px;padding:40px 32px">
    <div style="font-size:60px">⚗️</div>
    <div style="width:100%;max-width:340px">
      <div class="sl t" style="margin-bottom:8px" data-uk="ПЕРЕВІРИТИ СВІДОЦТВО" data-ru="ПРОВЕРИТЬ СВИДЕТЕЛЬСТВО" data-en="CHECK CERTIFICATE">ПЕРЕВІРИТИ СВІДОЦТВО</div>
      <p style="font-size:11px;color:var(--gr);margin-bottom:12px;line-height:1.5" class="t" data-uk="Введіть заводський номер приладу" data-ru="Введите заводской номер прибора" data-en="Enter device serial number">Введіть заводський номер приладу</p>
      <div style="display:flex;gap:8px">
        <input type="text" class="fi" id="serrpId2" placeholder="499046" onkeydown="if(event.key==='Enter')checkSerrp2()" style="font-size:12px">
        <button class="bp t" onclick="checkSerrp2()" style="white-space:nowrap;font-size:11px" data-uk="ПЕРЕВІРИТИ" data-ru="ПРОВЕРИТЬ" data-en="CHECK">ПЕРЕВІРИТИ</button>
      </div>
    </div>
    <div class="hstat">
      <div class="hsn">DN60+</div>
      <div class="hsl t" data-uk="макс. діаметр" data-ru="макс. диаметр" data-en="max diameter">макс. діаметр</div>
    </div>
  </div>
</section>

<!-- HOW IT WORKS -->
<section class="sec" id="how">
  <div class="sl t" data-uk="ЯК ЦЕ ПРАЦЮЄ" data-ru="КАК ЭТО РАБОТАЕТ" data-en="HOW IT WORKS">ЯК ЦЕ ПРАЦЮЄ</div>
  <h2 class="sh t" data-uk="ОБЕРІТЬ ТАРИФ ПОВІРКИ ЛІЧИЛЬНИКА" data-ru="ВЫБЕРИТЕ ТАРИФ ПОВЕРКИ СЧЁТЧИКА" data-en="CHOOSE YOUR CALIBRATION PLAN">ОБЕРІТЬ ТАРИФ ПОВІРКИ ЛІЧИЛЬНИКА</h2>
  <div class="tab-btns">
    <button class="tab-btn on" onclick="switchTab('ukraine',this)" data-uk="🇺🇦 По всій Україні (пошта)" data-ru="🇺🇦 По всей Украине (почта)" data-en="🇺🇦 All Ukraine (by mail)">🇺🇦 По всій Україні (пошта)</button>
    <button class="tab-btn" onclick="switchTab('kyiv',this)" data-uk="📍 Київ та область — повний пакет" data-ru="📍 Киев и область — полный пакет" data-en="📍 Kyiv & region — full service">📍 Київ та область — повний пакет</button>
  </div>

  <div id="tab-ukraine" class="tab-pane on">
    <p class="sd t" data-uk="Без виїзду майстра, без черг — з будь-якого міста України." data-ru="Без выезда мастера, без очередей — из любого города Украины." data-en="No home visits, no queues — from any city in Ukraine.">Без виїзду майстра, без черг — з будь-якого міста України.</p>
    <div class="steps">
      <div class="step"><div class="sn">01</div><span class="si">📦</span><div class="st t" data-uk="Знімаєте лічильник" data-ru="Снимаете счётчик" data-en="Remove the meter">Знімаєте лічильник</div><div class="sd2 t" data-uk="Самостійно або з сантехніком. Упаковуєте в коробку." data-ru="Самостоятельно или с сантехником. Упаковываете в коробку." data-en="By yourself or with a plumber. Pack in a box.">Самостійно або з сантехніком. Упаковуєте в коробку.</div><a href="#how-to-remove" style="display:inline-block;margin-top:8px;font-size:10px;color:var(--g);text-decoration:none" class="t" data-uk="▶ Подивитись як" data-ru="▶ Смотреть как" data-en="▶ See how">▶ Подивитись як</a><div class="sa">→</div></div>
      <div class="step"><div class="sn">02</div><span class="si"><img src="Photos/nova-post-ukrainian-version-logo-png_seeklogo-514678.png" alt="Нова Пошта" style="width:48px;height:48px;object-fit:contain"></span><div class="st t" data-uk="Відправляєте НП" data-ru="Отправляете НП" data-en="Ship via Nova Poshta">Відправляєте НП</div><div class="sd2 t" data-uk="На нашу адресу в Києві. З будь-якого міста." data-ru="На наш адрес в Киеве. Из любого города." data-en="To our Kyiv address. From any city.">На нашу адресу в Києві. З будь-якого міста.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">03</div><span class="si">⚗️</span><div class="st t" data-uk="Повіряємо 7 робочих днів" data-ru="Поверяем 7 рабочих дней" data-en="Calibrate in 7 business days">Повіряємо 7 робочих днів</div><div class="sd2 t" data-uk="На власній акредитованій станції. Офіційне свідоцтво." data-ru="На собственной аккредитованной станции. Официальное свидетельство." data-en="At our own accredited station. Official certificate.">На власній акредитованій станції. Офіційне свідоцтво.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">04</div><span class="si"><img src="Photos/nova-post-ukrainian-version-logo-png_seeklogo-514678.png" alt="Нова Пошта" style="width:48px;height:48px;object-fit:contain"></span><div class="st t" data-uk="Отримуєте назад" data-ru="Получаете назад" data-en="Get it back">Отримуєте назад</div><div class="sd2 t" data-uk="Лічильник + свідоцтво. Зворотня доставка НП — безкоштовно." data-ru="Счётчик + свидетельство. Обратная доставка НП — бесплатно." data-en="Meter + certificate. Return NP shipping — free.">Лічильник + свідоцтво. Зворотня доставка НП — безкоштовно.</div></div>
    </div>
  </div>

  <div id="tab-kyiv" class="tab-pane">
    <p class="sd t" data-uk="Нічого не знімайте самі — майстер приїде, зробить все та зареєструє в Київтеплоенерго / Єврореконструкції." data-ru="Ничего не снимайте сами — мастер приедет, сделает всё и зарегистрирует в Киевтеплоэнерго / Еврореконструкции." data-en="Don't remove anything yourself — our master comes, does everything and registers with Kyivteploenergy / Euroreconstructsia.">Нічого не знімайте самі — майстер приїде, зробить все та зареєструє в Київтеплоенерго / Єврореконструкції.</p>
    <div class="steps" style="grid-template-columns:repeat(5,1fr)">
      <div class="step"><div class="sn">01</div><span class="si">📞</span><div class="st t" data-uk="Залишаєте заявку" data-ru="Оставляете заявку" data-en="Submit request">Залишаєте заявку</div><div class="sd2 t" data-uk="Погоджуємо час виїзду, уточнюємо модель лічильника." data-ru="Согласовываем время выезда, уточняем модель счётчика." data-en="We agree on visit time and meter model.">Погоджуємо час виїзду, уточнюємо модель лічильника.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">02</div><span class="si">🔧</span><div class="st t" data-uk="Майстер знімає лічильник" data-ru="Мастер снимает счётчик" data-en="Master removes meter">Майстер знімає лічильник</div><div class="sd2 t" data-uk="Виїжджає до вас, демонтує прилад. Вам нічого робити." data-ru="Приезжает к вам, демонтирует прибор. Вам ничего делать." data-en="Comes to you, removes the meter. Nothing for you to do.">Виїжджає до вас, демонтує прилад. Вам нічого робити.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">03</div><span class="si">⚗️</span><div class="st t" data-uk="Повірка 5–7 днів" data-ru="Поверка 5–7 дней" data-en="Calibration 5–7 days">Повірка 5–7 днів</div><div class="sd2 t" data-uk="На власній акредитованій станції. Заміна батарейки + свідоцтво." data-ru="На собственной аккредитованной станции. Замена батарейки + свидетельство." data-en="At our own accredited station. Battery + certificate.">На власній акредитованій станції. Заміна батарейки + свідоцтво.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">04</div><span class="si">🔩</span><div class="st t" data-uk="Майстер встановлює назад" data-ru="Мастер устанавливает назад" data-en="Master reinstalls meter">Майстер встановлює назад</div><div class="sd2 t" data-uk="Монтаж лічильника на місце, опломбування." data-ru="Монтаж счётчика на место, опломбирование." data-en="Reinstalls meter, seals it.">Монтаж лічильника на місце, опломбування.</div><div class="sa">→</div></div>
      <div class="step"><div class="sn">05</div><span class="si">📋</span><div class="st t" data-uk="Реєстрація в Київтеплоенерго / Єврореконструкції" data-ru="Регистрация в Киевтеплоэнерго / Еврореконструкции" data-en="Registration in Kyivteploenergy / Euroreconstructsia">Реєстрація в Київтеплоенерго / Єврореконструкції</div><div class="sd2 t" data-uk="Оформлюємо всі документи в Київтеплоенерго або Єврореконструкції." data-ru="Оформляем все документы в Киевтеплоэнерго или Еврореконструкции." data-en="We file all documents with Kyivteploenergy or Euroreconstructsia.">Оформлюємо всі документи в Київтеплоенерго або Єврореконструкції.</div></div>
    </div>
  </div>
</section>

<!-- ADVANTAGES -->
<div class="aw"><div class="ai">
  <div class="al">
    <div class="sl t" data-uk="НАША ПЕРЕВАГА" data-ru="НАШЕ ПРЕИМУЩЕСТВО" data-en="OUR EDGE">НАША ПЕРЕВАГА</div>
    <div class="bc">
      <span class="t" data-uk="МИ НЕ" data-ru="МЫ НЕ" data-en="NOT A">МИ НЕ</span><br>
      <span class="r t" data-uk="ПОСЕРЕДНИКИ" data-ru="ПОСРЕДНИКИ" data-en="MIDDLEMAN">ПОСЕРЕДНИКИ</span><br>
      <span class="g t" data-uk="— ВЛАСНА ЛАБОРАТ." data-ru="— СОБСТВ. ЛАБОРАТ." data-en="— OWN LAB">— ВЛАСНА ЛАБОРАТ.</span>
    </div>
    <p style="color:var(--gr);font-size:12px;line-height:1.7;max-width:360px" class="t" data-uk="Більшість компаній везуть лічильник до чужої лабораторії та накручують ціну. У нас — власна акредитована проливна станція. Ви платите напряму, без посередників." data-ru="Большинство компаний везут счётчик в чужую лабораторию и накручивают цену. У нас — собственная аккредитованная станция. Вы платите напрямую, без посредников." data-en="Most companies take your meter to someone else's lab and mark up the price. We have our own accredited station. You pay directly, no middlemen.">Більшість компаній везуть лічильник до чужої лабораторії та накручують ціну. У нас — власна акредитована проливна станція. Ви платите напряму, без посередників.</p>
  </div>
  <div class="ar">
    <div class="ac"><span class="ai2">🇺🇦</span><div class="at2 t" data-uk="Вся Україна" data-ru="Вся Украина" data-en="All Ukraine">Вся Україна</div><div class="ad t" data-uk="Надсилають з Одеси, Харкова, Дніпра, Львова — приймаємо з будь-якого міста поштою" data-ru="Отправляют из Одессы, Харькова, Днепра, Львова — принимаем из любого города почтой" data-en="Sending from Odesa, Kharkiv, Dnipro, Lviv — we accept from any city by mail">Надсилають з Одеси, Харкова, Дніпра, Львова — приймаємо з будь-якого міста поштою</div></div>
    <div class="ac"><span class="ai2">⚡</span><div class="at2 t" data-uk="5–7 днів" data-ru="5–7 дней" data-en="5–7 days">5–7 днів</div><div class="ad t" data-uk="Швидка поверка без черг" data-ru="Быстрая поверка без очередей" data-en="Fast calibration, no queues">Швидка поверка без черг</div></div>
    <div class="ac"><span class="ai2">📋</span><div class="at2 t" data-uk="Офіційне свідоцтво" data-ru="Официальное свидетельство" data-en="Official certificate">Офіційне свідоцтво</div><div class="ad t" data-uk="ДСТУ EN 1434, дійсне по всій Україні" data-ru="ДСТУ EN 1434, действует по всей Украине" data-en="DSTU EN 1434, valid all Ukraine">ДСТУ EN 1434, дійсне по всій Україні</div></div>
    <div class="ac"><span class="ai2">📋</span><div class="at2 t" data-uk="Офіційне свідоцтво" data-ru="Официальное свидетельство" data-en="Official certificate">Офіційне свідоцтво</div><div class="ad t" data-uk="ДСТУ EN 1434 · акредитовано ILAC-MRA" data-ru="ДСТУ EN 1434 · аккредитовано ILAC-MRA" data-en="DSTU EN 1434 · ILAC-MRA accredited">ДСТУ EN 1434 · акредитовано ILAC-MRA</div></div>
  </div>
</div></div>

<!-- GALLERY -->
<div class="gw">
  <div class="gh">
    <div class="sl t" data-uk="НАША СТАНЦІЯ" data-ru="НАША СТАНЦИЯ" data-en="OUR STATION">НАША СТАНЦІЯ</div>
    <h2 class="sh t" data-uk="ВЛАСНЕ ОБЛАДНАННЯ" data-ru="СОБСТВЕННОЕ ОБОРУДОВАНИЕ" data-en="OWN EQUIPMENT">ВЛАСНЕ ОБЛАДНАННЯ</h2>
  </div>
  <div class="gg">
    <!-- ЗАМІНІТЬ src на Photos/назва_файлу.jpg -->
    <div class="gi"><picture><source srcset="Photos/station1.webp" type="image/webp"><img src="Photos/station1.jpg" alt="Власна проливна станція повірки лічильників тепла Київ" loading="lazy" onerror="this.style.display='none'"></picture>⚗️<div class="gl2 t" data-uk="Проливна станція" data-ru="Проливочная станция" data-en="Calibration station">Проливна станція</div></div>
    <div class="gi"><picture><source srcset="Photos/process1.webp" type="image/webp"><img src="Photos/process1.jpg" alt="Процес повірки лічильника тепла" loading="lazy" onerror="this.style.display='none'"></picture>🔧<div class="gl2 t" data-uk="Процес повірки" data-ru="Процесс поверки" data-en="Calibration process">Процес повірки</div></div>
    <div class="gi" style="background:var(--d2)"><picture><source srcset="Photos/shelf.webp" type="image/webp"><img src="Photos/shelf.jpg" alt="Лічильники тепла на повірці у Києві" loading="lazy" onerror="this.style.display='none'"></picture>📦<div class="gl2 t" data-uk="Склад лічильників" data-ru="Склад счётчиков" data-en="Meter storage">Склад лічильників</div></div>
    <div class="gi" style="background:var(--d2)"><picture><source srcset="Photos/meter5.webp" type="image/webp"><img src="Photos/meter5.jpg" alt="Лічильник тепла повірка Одеса Харків Дніпро" loading="lazy" onerror="this.style.display='none'"></picture>🌡️<div class="gl2 t" data-uk="Лічильники тепла" data-ru="Счётчики тепла" data-en="Heat meters">Лічильники тепла</div></div>
    <div class="gi"><picture><source srcset="Photos/cert.webp" type="image/webp"><img src="Photos/cert.jpg" alt="Свідоцтво про повірку лічильника тепла" loading="lazy" onerror="this.style.display='none'"></picture>📄<div class="gl2 t" data-uk="Свідоцтво" data-ru="Свидетельство" data-en="Certificate">Свідоцтво</div></div>
  </div>
</div>

<!-- ACCREDITATION -->
<div class="aw"><div class="sec">
  <div class="sl t" data-uk="АКРЕДИТАЦІЯ" data-ru="АККРЕДИТАЦИЯ" data-en="ACCREDITATION">АКРЕДИТАЦІЯ</div>
  <h2 class="sh" style="cursor:pointer;display:flex;align-items:center;gap:12px;user-select:none" onclick="toggleCerts(this)">
    <span class="t" data-uk="НАШІ СВІДОЦТВА ПРО ПОВІРКУ" data-ru="НАШИ СВИДЕТЕЛЬСТВА О ПОВЕРКЕ" data-en="OUR CALIBRATION CERTIFICATES">НАШІ СВІДОЦТВА ПРО ПОВІРКУ</span>
    <span id="certArrow" style="font-size:18px;color:var(--g);transition:transform .3s">▼</span>
  </h2>
  <div id="certBlock" style="overflow:hidden;max-height:0;transition:max-height .4s ease">

  <!-- Блок 1: Проливна станція -->
  <a href="Photos/cert-station.pdf" target="_blank" style="display:block;text-decoration:none;margin-top:24px">
    <div class="step" style="padding:0;overflow:hidden;position:relative">
      <img src="Photos/cert-station-thumb.jpg" alt="Акредитована проливна установка TeploMaster" loading="lazy" style="width:100%;height:220px;object-fit:cover;object-position:top;display:block;filter:brightness(.75)">
      <div style="position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
        <div>
          <div style="font-size:13px;font-weight:700;color:var(--g)" class="t" data-uk="Проливна установка УВЛ 15/25М" data-ru="Проливочная установка УВЛ 15/25М" data-en="Calibration station UVL 15/25M">Проливна установка УВЛ 15/25М</div>
          <div style="font-size:10px;color:rgba(255,255,255,.6);margin-top:2px">UA/24/250715/0325 · ДП УкрМетрТестСтандарт · 15.07.2025</div>
        </div>
        <div style="font-size:11px;color:var(--g);white-space:nowrap;margin-left:12px">📄 PDF ↗</div>
      </div>
    </div>
  </a>

  <!-- Блок 2: 4 термоперетворювачі -->
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px">
    <a href="Photos/cert-2529.pdf" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/cert-2529-thumb.jpg" alt="Свідоцтво про повірку TCP-0105 №2529" loading="lazy" style="width:100%;height:150px;object-fit:cover;object-position:top;display:block;filter:brightness(.75)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)">TCP-0105 · №2529</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Термоперетворювач" data-ru="Термопреобразователь" data-en="Temp. sensor">Термоперетворювач</div>
          </div>
          <div style="font-size:10px;color:var(--g)">📄↗</div>
        </div>
      </div>
    </a>
    <a href="Photos/cert-2530.pdf" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/cert-2530-thumb.jpg" alt="Свідоцтво про повірку TCP-0105 №2530" loading="lazy" style="width:100%;height:150px;object-fit:cover;object-position:top;display:block;filter:brightness(.75)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)">TCP-0105 · №2530</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Термоперетворювач" data-ru="Термопреобразователь" data-en="Temp. sensor">Термоперетворювач</div>
          </div>
          <div style="font-size:10px;color:var(--g)">📄↗</div>
        </div>
      </div>
    </a>
    <a href="Photos/cert-2531.pdf" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/cert-2531-thumb.jpg" alt="Свідоцтво про повірку TCP-0105 №2531" loading="lazy" style="width:100%;height:150px;object-fit:cover;object-position:top;display:block;filter:brightness(.75)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)">TCP-0105 · №2531</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Термоперетворювач" data-ru="Термопреобразователь" data-en="Temp. sensor">Термоперетворювач</div>
          </div>
          <div style="font-size:10px;color:var(--g)">📄↗</div>
        </div>
      </div>
    </a>
    <a href="Photos/cert-2532.pdf" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/cert-2532-thumb.jpg" alt="Свідоцтво про повірку TCP-0105 №2532" loading="lazy" style="width:100%;height:150px;object-fit:cover;object-position:top;display:block;filter:brightness(.75)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)">TCP-0105 · №2532</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Термоперетворювач" data-ru="Термопреобразователь" data-en="Temp. sensor">Термоперетворювач</div>
          </div>
          <div style="font-size:10px;color:var(--g)">📄↗</div>
        </div>
      </div>
    </a>
  </div>

  <!-- Блок 3: Ліцензія -->
  <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px">
    <a href="Photos/license1.jpg" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/license1.jpg" alt="Ліцензія TeploMaster — дозвіл на повірку стор.1" loading="lazy" style="width:100%;height:180px;object-fit:cover;object-position:top;display:block;filter:brightness(.8)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)" class="t" data-uk="Ліцензія · стор. 1" data-ru="Лицензия · стр. 1" data-en="License · page 1">Ліцензія · стор. 1</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Монтаж інженерних мереж" data-ru="Монтаж инженерных сетей" data-en="Engineering networks">Монтаж інженерних мереж</div>
          </div>
          <div style="font-size:10px;color:var(--g)">🖼↗</div>
        </div>
      </div>
    </a>
    <a href="Photos/license2.jpg" target="_blank" style="text-decoration:none">
      <div class="step" style="padding:0;overflow:hidden;position:relative">
        <img src="Photos/license2.jpg" alt="Ліцензія TeploMaster — дозвіл на повірку стор.2" loading="lazy" style="width:100%;height:180px;object-fit:cover;object-position:top;display:block;filter:brightness(.8)">
        <div style="position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end">
          <div>
            <div style="font-size:11px;font-weight:700;color:var(--g)" class="t" data-uk="Ліцензія · стор. 2" data-ru="Лицензия · стр. 2" data-en="License · page 2">Ліцензія · стор. 2</div>
            <div style="font-size:9px;color:rgba(255,255,255,.5);margin-top:1px" class="t" data-uk="Монтаж інженерних мереж" data-ru="Монтаж инженерных сетей" data-en="Engineering networks">Монтаж інженерних мереж</div>
          </div>
          <div style="font-size:10px;color:var(--g)">🖼↗</div>
        </div>
      </div>
    </a>
  </div>

  <!-- Підпис ліцензії -->
  <a href="Photos/license1.jpg" target="_blank" style="text-decoration:none;display:block;margin-top:12px">
    <div style="padding:14px 18px;background:rgba(29,185,84,.07);border:1px solid rgba(29,185,84,.2);border-radius:8px;display:flex;align-items:center;gap:10px">
      <span style="font-size:20px">🏅</span>
      <div>
        <div style="font-size:12px;font-weight:700;color:var(--g)" class="t" data-uk="Ліцензований підрядник · Монтаж інженерних мереж · ТОВ Тепло-Майстер" data-ru="Лицензированный подрядчик · Монтаж инженерных сетей · ООО Тепло-Мастер" data-en="Licensed contractor · Engineering networks installation · Teplo-Master LLC">Ліцензований підрядник · Монтаж інженерних мереж · ТОВ Тепло-Майстер</div>
        <div style="font-size:10px;color:var(--gr);margin-top:3px" class="t" data-uk="Акредитовано ILAC-MRA · ДП УкрМетрТестСтандарт" data-ru="Аккредитовано ILAC-MRA · ДП УкрМетрТестСтандарт" data-en="Accredited ILAC-MRA · SE UkrMetrTestStandard">Акредитовано ILAC-MRA · ДП УкрМетрТестСтандарт</div>
      </div>
      <span style="margin-left:auto;font-size:11px;color:var(--g);white-space:nowrap">↗</span>
    </div>
  </a>
  </div><!-- /certBlock -->
</div></div>

<script>
function toggleCerts(el) {
  var b = document.getElementById('certBlock');
  var a = document.getElementById('certArrow');
  if (b.style.maxHeight === '0px' || b.style.maxHeight === '') {
    b.style.maxHeight = b.scrollHeight + 'px';
    a.style.transform = 'rotate(180deg)';
  } else {
    b.style.maxHeight = '0px';
    a.style.transform = 'rotate(0deg)';
  }
}
</script>

<!-- METERS WE CALIBRATE -->
<div class="aw"><div class="sec">
  <div class="sl t" data-uk="ПРИЛАДИ" data-ru="ПРИБОРЫ" data-en="DEVICES">ПРИЛАДИ</div>
  <h2 class="sh t" data-uk="ЯКІ ЛІЧИЛЬНИКИ ТЕПЛА МИ ПОВІРЯЄМО" data-ru="КАКИЕ СЧЁТЧИКИ ТЕПЛА МЫ ПОВЕРЯЕМ" data-en="HEAT METERS WE CALIBRATE">ЯКІ ЛІЧИЛЬНИКИ ТЕПЛА МИ ПОВІРЯЄМО</h2>
  <p class="sd t" data-uk="Впізнаєте свій прилад? Надсилайте — повіряємо всі популярні моделі." data-ru="Узнаёте свой прибор? Отправляйте — поверяем все популярные модели." data-en="Recognise your meter? Send it — we calibrate all popular models.">Впізнаєте свій прилад? Надсилайте — повіряємо всі популярні моделі.</p>
  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px">
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter1.webp" type="image/webp"><img src="Photos/meter1.jpg" alt="Лічильник тепла Landis+Gyr повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)">Landis+Gyr</div>
    </div>
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter2.webp" type="image/webp"><img src="Photos/meter2.jpg" alt="Лічильник тепла Sensus повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)">Sensus PolluCom</div>
    </div>
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter3.webp" type="image/webp"><img src="Photos/meter3.jpg" alt="Лічильник тепла Kamstrup повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)">Kamstrup</div>
    </div>
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter4.webp" type="image/webp"><img src="Photos/meter4.jpg" alt="Лічильник тепла Apator повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)">Apator LQM</div>
    </div>
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter5.webp" type="image/webp"><img src="Photos/meter5.jpg" alt="Лічильник тепла по Україні повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)" class="t" data-uk="Лічильник тепла" data-ru="Счётчик тепла" data-en="Heat meter">Лічильник тепла</div>
    </div>
    <div class="step" style="padding:0;overflow:hidden">
      <picture><source srcset="Photos/meter6.webp" type="image/webp"><img src="Photos/meter6.jpg" alt="Лічильник тепла Київ повірка" loading="lazy" style="width:100%;height:180px;object-fit:cover;display:block;filter:brightness(.85)"></picture>
      <div style="padding:14px 16px;font-size:11px;color:var(--gr)" class="t" data-uk="Лічильник тепла" data-ru="Счётчик тепла" data-en="Heat meter">Лічильник тепла</div>
    </div>
  </div>
  <div style="margin-top:24px;padding:14px 18px;background:rgba(29,185,84,.05);border:1px solid rgba(29,185,84,.15);border-radius:9px;font-size:11px;color:var(--gr);line-height:1.8">
    <span style="color:var(--g);font-size:9px;letter-spacing:2px;text-transform:uppercase" class="t" data-uk="Також повіряємо:" data-ru="Также поверяем:" data-en="Also calibrate:">Також повіряємо:</span><br>
    Гросс WMZ-UA, Apator LQM / Elf, Sensus PolluCom EX, Engelman SensoStar, Ultraheat T230 / T350, Supercal 539 / 739 Sontex, Zenner ISF / IUF Ультразвук, Ultrameter, Microclima, Земмерстек, Itron Integral-V MaXX, Itron CF-UltraMaXX, MULTICAL 302 / 402, Rossweiner HeatPlus, Quindis, SKS-3 Qualcosonic, Sharky 774 / 775 — <span class="t" data-uk="та інші моделі" data-ru="и другие модели" data-en="and other models">та інші моделі</span>.
  </div>
  <div style="margin-top:20px">
    <a href="#contact" class="bp t" data-uk="НАДІСЛАТИ НА ПОВІРКУ" data-ru="ОТПРАВИТЬ НА ПОВЕРКУ" data-en="SEND FOR CALIBRATION">НАДІСЛАТИ НА ПОВІРКУ</a>
  </div>
</div></div>

<!-- KYIV FULL SERVICE -->
<div class="aw" id="kyiv"><div class="sec">
  <div class="sl t" data-uk="ДЛЯ КИЯН" data-ru="ДЛЯ КИЕВЛЯН" data-en="FOR KYIV RESIDENTS">ДЛЯ КИЯН</div>
  <h2 class="sh t" data-uk="ВИЇЗД МАЙСТРА · ПОВІРКА ЛІЧИЛЬНИКА ТЕПЛА КИЇВ" data-ru="ВЫЕЗД МАСТЕРА · ПОВЕРКА СЧЁТЧИКА ТЕПЛА КИЕВ" data-en="MASTER VISIT · HEAT METER CALIBRATION KYIV">ВИЇЗД МАЙСТРА · ПОВІРКА ЛІЧИЛЬНИКА ТЕПЛА КИЇВ</h2>
  <p class="sd t" data-uk="Не потрібно самостійно знімати лічильник, везти на пошту або розбиратися з документами Київтеплоенерго / Єврореконструкції." data-ru="Не нужно самостоятельно снимать счётчик, везти на почту или разбираться с документами Киевтеплоэнерго / Еврореконструкции." data-en="No need to remove the meter yourself, go to the post office or deal with Kyivteploenergy / Euroreconstructsia paperwork.">Не потрібно самостійно знімати лічильник, везти на пошту або розбиратися з документами Київтеплоенерго / Єврореконструкції.</p>
  <div class="kyiv-grid">
    <div>
      <div class="kyiv-card">
        <div class="sl" style="margin-bottom:16px">ЩО ВХОДИТЬ У ПОВНИЙ ПАКЕТ</div>
        <ul class="kyiv-list">
          <li class="t" data-uk="Виїзд майстра до вас (демонтаж лічильника)" data-ru="Выезд мастера к вам (демонтаж счётчика)" data-en="Master visits you (meter removal)">Виїзд майстра до вас (демонтаж лічильника)</li>
          <li class="t" data-uk="Повірка на власній акредитованій станції" data-ru="Поверка на собственной аккредитованной станции" data-en="Calibration at our own accredited station">Повірка на власній акредитованій станції</li>
          <li class="t" data-uk="Заміна батарейки (включена у вартість)" data-ru="Замена батарейки (включена в стоимость)" data-en="Battery replacement (included)">Заміна батарейки (включена у вартість)</li>
          <li class="t" data-uk="Офіційне свідоцтво ДСТУ" data-ru="Официальное свидетельство ДСТУ" data-en="Official DSTU certificate">Офіційне свідоцтво ДСТУ</li>
          <li class="t" data-uk="Монтаж лічильника назад + опломбування" data-ru="Монтаж счётчика назад + опломбирование" data-en="Meter reinstallation + sealing">Монтаж лічильника назад + опломбування</li>
          <li class="reg t" data-uk="Реєстрація в Київтеплоенерго та Єврореконструкції" data-ru="Регистрация в Киевтеплоэнерго и Еврореконструкции" data-en="Registration in Kyivteploenergy &amp; Euroreconstructsia">Реєстрація в Київтеплоенерго та Єврореконструкції</li>
        </ul>
        <a href="#contact" class="bp" style="display:block;text-align:center;font-size:12px">
          <span class="t" data-uk="ЗАМОВИТИ ПОВНИЙ ПАКЕТ" data-ru="ЗАКАЗАТЬ ПОЛНЫЙ ПАКЕТ" data-en="ORDER FULL SERVICE">ЗАМОВИТИ ПОВНИЙ ПАКЕТ</span>
        </a>
      </div>
    </div>
    <div>
      <div class="kyiv-warn" style="margin-bottom:20px">
        💡 <b><span class="t" data-uk="Чому реєстрація важлива:" data-ru="Почему регистрация важна:" data-en="Why registration matters:">Чому реєстрація важлива:</span></b>
        <span class="t" data-uk=" Київтеплоенерго та Єврореконструкція не приймають показання лічильника без офіційної реєстрації після повірки. Ми беремо цей клопіт на себе." data-ru=" Киевтеплоэнерго и Еврореконструкция не принимают показания без официальной регистрации после поверки. Мы берём это на себя." data-en=" Kyivteploenergy and Euroreconstructsia do not accept meter readings without official post-calibration registration. We handle it for you."> Київтеплоенерго та Єврореконструкція не приймають показання лічильника без офіційної реєстрації після повірки. Ми беремо цей клопіт на себе.</span>
      </div>
      <div class="kyiv-price-table">
        <div class="kyiv-pt-head">
          <div class="t" data-uk="Лічильник" data-ru="Счётчик" data-en="Meter">Лічильник</div>
          <div class="t" data-uk="Діаметр" data-ru="Диаметр" data-en="Diameter">Діаметр</div>
          <div class="t" data-uk="Повний пакет" data-ru="Полный пакет" data-en="Full package">Повний пакет</div>
        </div>
        <div class="kyiv-pt-row">
          <div style="font-size:11px;color:var(--gr)" class="t" data-uk="Лічильник тепла" data-ru="Счётчик тепла" data-en="Heat meter">Лічильник тепла</div>
          <div style="color:var(--gr);font-size:11px">DN 15–20</div>
          <div class="kyiv-pt-total">1 600 ₴</div>
        </div>
        <div class="kyiv-pt-row">
          <div style="font-size:11px;color:var(--gr)" class="t" data-uk="Реєстрація в КТЕ / ЄвроРеконструкції" data-ru="Регистрация в КТЭ / ЕвроРеконструкции" data-en="Registration in KTE / EuroReconstruction">Реєстрація в КТЕ / ЄвроРеконструкції</div>
          <div style="color:var(--gr);font-size:11px">—</div>
          <div class="kyiv-pt-total">300 ₴</div>
        </div>
        <div class="kyiv-pt-row">
          <div style="font-size:11px;color:var(--gr)" class="t" data-uk="Заміна батарейки (окремо)" data-ru="Замена батарейки (отдельно)" data-en="Battery only">Заміна батарейки (окремо)</div>
          <div style="color:var(--gr);font-size:11px">—</div>
          <div class="kyiv-pt-total">400 ₴</div>
        </div>

      </div>
      <div style="font-size:10px;color:rgba(255,255,255,.25)" class="t" data-uk="* До вартості включено: повірка + демонтаж/монтаж + батарейка + свідоцтво." data-ru="* В стоимость включено: поверка + демонтаж/монтаж + батарейка + свидетельство." data-en="* Price includes: calibration + removal/install + battery + certificate.">* До вартості включено: повірка + демонтаж/монтаж + батарейка + свідоцтво.</div>
    </div>
  </div>
</div></div>

<!-- OSBB BLOCK -->
<div class="ps" id="osbb"><div class="sec">
  <div class="sl t" data-uk="ДЛЯ ОСББ ТА УПРАВЛЯЮЧИХ КОМПАНІЙ" data-ru="ДЛЯ ОСМД И УПРАВЛЯЮЩИХ КОМПАНИЙ" data-en="FOR HOA & MANAGEMENT COMPANIES">ДЛЯ ОСББ ТА УПРАВЛЯЮЧИХ КОМПАНІЙ</div>
  <h2 class="sh t" data-uk="ОДНА ВІДПРАВКА НА ВЕСЬ БУДИНОК — ЗНИЖКА ЗА КІЛЬКІСТЬ" data-ru="ОДНА ОТПРАВКА НА ВЕСЬ ДОМ — СКИДКА ЗА КОЛИЧЕСТВО" data-en="ONE SHIPMENT FOR THE WHOLE BUILDING — BULK DISCOUNT">ОДНА ВІДПРАВКА НА ВЕСЬ БУДИНОК — ЗНИЖКА ЗА КІЛЬКІСТЬ</h2>
  <p class="sd t" data-uk="Голова ОСББ організовує збір лічильників з квартир — одна коробка Новою Поштою до нас, і ціна за штуку знижується зі зростанням кількості приладів." data-ru="Председатель ОСМД организует сбор счётчиков с квартир — одна коробка Новой Почтой к нам, и цена за штуку снижается по мере роста количества приборов." data-en="The HOA head collects meters from apartments — one Nova Poshta parcel to us, and the price per unit drops as the quantity grows.">Голова ОСББ організовує збір лічильників з квартир — одна коробка Новою Поштою до нас, і ціна за штуку знижується зі зростанням кількості приладів.</p>

  <div style="display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px">

    <div>
      <div style="font-size:9px;color:var(--g);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px" class="t" data-uk="З ДЕМОНТАЖЕМ ТА МОНТАЖЕМ (Київ)" data-ru="С ДЕМОНТАЖЕМ И МОНТАЖОМ (Киев)" data-en="WITH REMOVAL & INSTALL (Kyiv)">З ДЕМОНТАЖЕМ ТА МОНТАЖЕМ (Київ)</div>
      <div class="bat-table" style="margin-bottom:10px">
        <div class="bat-head" style="grid-template-columns:1fr 1fr">
          <div class="t" data-uk="Кількість приладів" data-ru="Количество приборов" data-en="Number of units">Кількість приладів</div>
          <div class="t" data-uk="Ціна за 1 прилад" data-ru="Цена за 1 прибор" data-en="Price per unit">Ціна за 1 прилад</div>
        </div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div class="t" data-uk="1 шт." data-ru="1 шт." data-en="1 unit">1 шт.</div><div class="bat-sale">1 600 ₴</div></div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div class="t" data-uk="2–9 шт." data-ru="2–9 шт." data-en="2–9 units">2–9 шт.</div><div class="bat-sale">1 500 ₴</div></div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div class="t" data-uk="10–29 шт." data-ru="10–29 шт." data-en="10–29 units">10–29 шт.</div><div class="bat-sale">1 400 ₴</div></div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div class="t" data-uk="30–49 шт." data-ru="30–49 шт." data-en="30–49 units">30–49 шт.</div><div class="bat-sale">1 300 ₴</div></div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div style="color:var(--g)" class="t" data-uk="від 50 шт." data-ru="от 50 шт." data-en="50+ units">від 50 шт.</div><div class="bat-sale" style="color:var(--gl)">1 250 ₴</div></div>
      </div>
      <div class="bat-tip" style="font-size:10px">
        <span class="t" data-uk="Ціна включає: демонтаж, повірку, монтаж, заміну батарейки та реєстрацію в КТЕ/ЄвроРеконструкція." data-ru="Цена включает: демонтаж, поверку, монтаж, замену батарейки и регистрацию в КТЭ/ЕвроРеконструкция." data-en="Price includes: removal, calibration, install, battery replacement and KTE/EuroReconstruction registration.">Ціна включає: демонтаж, повірку, монтаж, заміну батарейки та реєстрацію в КТЕ/ЄвроРеконструкція.</span>
      </div>
    </div>

    <div>
      <div style="font-size:9px;color:var(--g);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px" class="t" data-uk="БЕЗ ДЕМОНТАЖУ/МОНТАЖУ (вся Україна поштою)" data-ru="БЕЗ ДЕМОНТАЖА/МОНТАЖА (вся Украина почтой)" data-en="WITHOUT REMOVAL/INSTALL (all Ukraine by mail)">БЕЗ ДЕМОНТАЖУ/МОНТАЖУ (вся Україна поштою)</div>
      <div class="bat-table" style="margin-bottom:10px">
        <div class="bat-head" style="grid-template-columns:1fr 1fr">
          <div class="t" data-uk="Кількість приладів" data-ru="Количество приборов" data-en="Number of units">Кількість приладів</div>
          <div class="t" data-uk="Ціна за 1 прилад" data-ru="Цена за 1 прибор" data-en="Price per unit">Ціна за 1 прилад</div>
        </div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div class="t" data-uk="1–19 шт." data-ru="1–19 шт." data-en="1–19 units">1–19 шт.</div><div class="bat-sale">900 ₴</div></div>
        <div class="bat-row" style="grid-template-columns:1fr 1fr"><div style="color:var(--g)" class="t" data-uk="від 20 шт." data-ru="от 20 шт." data-en="20+ units">від 20 шт.</div><div class="bat-sale" style="color:var(--gl)">800 ₴</div></div>
      </div>
      <div class="bat-tip" style="font-size:10px">
        <b><span class="t" data-uk="Додатково:" data-ru="Дополнительно:" data-en="Extra:">Додатково:</span></b>
        <span class="t" data-uk=" Реєстрація в КТЕ/ЄР — +300 ₴/прилад або безкоштовно самостійно. Батарейка — 400 ₴ (1 шт.) / 750 ₴ (2 шт.)." data-ru=" Регистрация в КТЭ/ЕР — +300 ₴/прибор или бесплатно самостоятельно. Батарейка — 400 ₴ (1 шт.) / 750 ₴ (2 шт.)." data-en=" KTE/ER registration — +300 ₴/unit or free if self-registered. Battery — 400 ₴ (1 pc.) / 750 ₴ (2 pcs.)."> Реєстрація в КТЕ/ЄР — +300 ₴/прилад або безкоштовно самостійно. Батарейка — 400 ₴ (1 шт.) / 750 ₴ (2 шт.).</span>
      </div>
    </div>

  </div>

  <div style="margin-top:28px">
    <a href="#contact" class="bp t" data-uk="ЗАМОВИТИ ДЛЯ ОСББ" data-ru="ЗАКАЗАТЬ ДЛЯ ОСМД" data-en="ORDER FOR HOA">ЗАМОВИТИ ДЛЯ ОСББ</a>
    <span style="margin-left:16px;font-size:12px;color:var(--gr)" class="t" data-uk="Зв'яжіться — організуємо збір лічильників по всьому будинку" data-ru="Свяжитесь — организуем сбор счётчиков по всему дому" data-en="Contact us — we'll organise collection across the whole building">Зв'яжіться — організуємо збір лічильників по всьому будинку</span>
  </div>
</div></div>

<!-- BATTERY REPLACEMENT -->
<div class="ps"><div class="sec" id="battery">
  <div class="sl t" data-uk="ДОДАТКОВА ПОСЛУГА" data-ru="ДОПОЛНИТЕЛЬНАЯ УСЛУГА" data-en="EXTRA SERVICE">ДОДАТКОВА ПОСЛУГА</div>
  <h2 class="sh t" data-uk="ЗАМІНА БАТАРЕЙОК" data-ru="ЗАМЕНА БАТАРЕЕК" data-en="BATTERY REPLACEMENT">ЗАМІНА БАТАРЕЙОК</h2>
  <p class="sd t" data-uk="Замінюємо батарейки у всіх типах лічильників. ОПТ від 5 шт. — спеціальна ціна для ЖКГ та управляючих компаній." data-ru="Заменяем батарейки во всех типах счётчиков. ОПТ от 5 шт. — специальная цена для ЖКХ и управляющих компаний." data-en="We replace batteries in all meter types. Wholesale from 5 pcs — great rates for housing management companies.">Замінюємо батарейки у всіх типах лічильників. ОПТ від 5 шт. — спеціальна ціна для ЖКГ та управляючих компаній.</p>
  <div class="bat-table">
    <div class="bat-head">
      <div class="t" data-uk="Моделі приладів" data-ru="Модели приборов" data-en="Meter models">Моделі приладів</div>
      <div class="t" data-uk="Ресурс" data-ru="Ресурс" data-en="Battery life">Ресурс</div>
      <div class="t" data-uk="Роздріб / ОПТ від 5 шт." data-ru="Розница / ОПТ от 5 шт." data-en="Retail / Wholesale 5+">Роздріб / ОПТ від 5 шт.</div>
    </div>
    <div class="bat-row">
      <div class="bat-models"><b>Гросс WMZ-UA, Apator LQM / Elf, Sensus PolluCom EX</b><br>Engelman SensoStar (до 2013 р.), Ultraheat T230<br>Supercal 539, Zenner ISF механіка<br><span style="color:rgba(255,180,0,.7);font-size:10px">⚠ Ultraheat T350: +150 ₴ (потрібна 2 батарейки)</span></div>
      <div class="bat-res">6<small class="t" data-uk="років" data-ru="лет" data-en="years">років</small></div>
      <div class="bat-prices">
        <div><span class="bat-pl t" data-uk="роздріб" data-ru="розница" data-en="retail">роздріб</span><div class="bat-price">400 ₴</div></div>
        <div><span class="bat-pl t" data-uk="опт" data-ru="опт" data-en="wholesale">опт</span><div class="bat-sale">250 ₴</div></div>
      </div>
    </div>
    <div class="bat-row">
      <div class="bat-models"><b>Zenner IUF Ультразвук, Ultrameter, Microclima</b><br>Engelman SensoStar (2014–2016 р.), Земмерстек</div>
      <div class="bat-res">8<small class="t" data-uk="років" data-ru="лет" data-en="years">років</small></div>
      <div class="bat-prices">
        <div><span class="bat-pl t" data-uk="роздріб" data-ru="розница" data-en="retail">роздріб</span><div class="bat-price">600 ₴</div></div>
        <div><span class="bat-pl t" data-uk="опт" data-ru="опт" data-en="wholesale">опт</span><div class="bat-sale">400 ₴</div></div>
      </div>
    </div>
    <div class="bat-row">
      <div class="bat-models"><b>SUPERCAL 739 Sontex, Itron Integral-V MaXX</b><br>Itron CF-UltraMaXX, MULTICAL 302 / 402<br>Rossweiner HeatPlus, Quindis</div>
      <div class="bat-res">10<small class="t" data-uk="років" data-ru="лет" data-en="years">років</small></div>
      <div class="bat-prices">
        <div><span class="bat-pl t" data-uk="роздріб" data-ru="розница" data-en="retail">роздріб</span><div class="bat-price">800 ₴</div></div>
        <div><span class="bat-pl t" data-uk="опт" data-ru="опт" data-en="wholesale">опт</span><div class="bat-sale">600 ₴</div></div>
      </div>
    </div>
    <div class="bat-row">
      <div class="bat-models"><b>SKS-3 Qualcosonic</b></div>
      <div class="bat-res">11<small class="t" data-uk="років" data-ru="лет" data-en="years">років</small></div>
      <div class="bat-prices">
        <div><span class="bat-pl t" data-uk="роздріб" data-ru="розница" data-en="retail">роздріб</span><div class="bat-price">1000 ₴</div></div>
        <div><span class="bat-pl t" data-uk="опт" data-ru="опт" data-en="wholesale">опт</span><div class="bat-sale">800 ₴</div></div>
      </div>
    </div>
    <div class="bat-row">
      <div class="bat-models"><b>Sharky 774, Sharky 775</b></div>
      <div class="bat-res">12<small class="t" data-uk="років" data-ru="лет" data-en="years">років</small></div>
      <div class="bat-prices">
        <div><span class="bat-pl t" data-uk="роздріб" data-ru="розница" data-en="retail">роздріб</span><div class="bat-price">1200 ₴</div></div>
        <div><span class="bat-pl t" data-uk="опт" data-ru="опт" data-en="wholesale">опт</span><div class="bat-sale">800 ₴</div></div>
      </div>
    </div>
  </div>
  <div class="bat-tip">💡 <b><span class="t" data-uk="Бюджетний варіант:" data-ru="Бюджетный вариант:" data-en="Budget option:">Бюджетний варіант:</span></b> <span class="t" data-uk="для більшості приладів можливе встановлення менш дорогої батарейки з умовою обов'язкової заміни на наступній повірці. Уточнюйте у менеджера." data-ru="для большинства приборов возможна установка менее дорогой батарейки с условием обязательной замены на следующей поверке. Уточняйте у менеджера." data-en="for most meters, a less expensive battery can be installed with mandatory replacement at the next calibration. Ask our manager.">для більшості приладів можливе встановлення менш дорогої батарейки з умовою обов'язкової заміни на наступній повірці. Уточнюйте у менеджера.</span></div>
  <div class="bat-note t" data-uk="* ОПТ — від 5 приладів одночасно." data-ru="* ОПТ — от 5 приборов одновременно." data-en="* Wholesale — from 5 units at a time.">* ОПТ — від 5 приладів одночасно.</div>
  <div style="margin-top:28px">
    <a href="#contact" class="bp t" data-uk="ЗАМОВИТИ ЗАМІНУ БАТАРЕЙОК" data-ru="ЗАКАЗАТЬ ЗАМЕНУ БАТАРЕЕК" data-en="ORDER BATTERY REPLACEMENT">ЗАМОВИТИ ЗАМІНУ БАТАРЕЙОК</a>
  </div>
</div></div>

<!-- HOW TO REMOVE METER -->
<div class="aw" id="how-to-remove"><div class="sec">
  <div class="sl t" data-uk="КОРИСНО ЗНАТИ" data-ru="ПОЛЕЗНО ЗНАТЬ" data-en="USEFUL TO KNOW">КОРИСНО ЗНАТИ</div>
  <h2 class="sh t" data-uk="ЯК ЗНЯТИ ЛІЧИЛЬНИК ТЕПЛА САМОСТІЙНО" data-ru="КАК СНЯТЬ СЧЁТЧИК ТЕПЛА САМОСТОЯТЕЛЬНО" data-en="HOW TO REMOVE YOUR HEAT METER">ЯК ЗНЯТИ ЛІЧИЛЬНИК ТЕПЛА САМОСТІЙНО</h2>
  <p class="sd t" data-uk="Для повірки поштою потрібно самостійно зняти лічильник. Це простіше ніж здається — 4 кроки." data-ru="Для поверки почтой нужно самостоятельно снять счётчик. Это проще чем кажется — 4 шага." data-en="For postal calibration you need to remove the meter yourself. It's easier than it seems — 4 steps.">Для повірки поштою потрібно самостійно зняти лічильник. Це простіше ніж здається — 4 кроки.</p>
  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:28px 0">
    <div style="background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px">
      <div style="font-size:28px;margin-bottom:8px">🔴</div>
      <div style="font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--g);letter-spacing:1px;margin-bottom:6px" class="t" data-uk="КРОК 1" data-ru="ШАГ 1" data-en="STEP 1">КРОК 1</div>
      <div style="font-size:13px;color:var(--w)" class="t" data-uk="Перекрийте вентилі з обох боків лічильника (зазвичай зліва і справа)" data-ru="Перекройте вентили с обеих сторон счётчика (обычно слева и справа)" data-en="Close the valves on both sides of the meter (usually left and right)">Перекрийте вентилі з обох боків лічильника (зазвичай зліва і справа)</div>
    </div>
    <div style="background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px">
      <div style="font-size:28px;margin-bottom:8px">🔧</div>
      <div style="font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--g);letter-spacing:1px;margin-bottom:6px" class="t" data-uk="КРОК 2" data-ru="ШАГ 2" data-en="STEP 2">КРОК 2</div>
      <div style="font-size:13px;color:var(--w)" class="t" data-uk="Обережно відкрутіть гайки з'єднань — підставте ганчірку, може витекти трохи води" data-ru="Аккуратно открутите гайки соединений — подставьте тряпку, может вытечь немного воды" data-en="Carefully unscrew the union nuts — place a rag below, some water may drip">Обережно відкрутіть гайки з'єднань — підставте ганчірку, може витекти трохи води</div>
    </div>
    <div style="background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px">
      <div style="font-size:28px;margin-bottom:8px">📦</div>
      <div style="font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--g);letter-spacing:1px;margin-bottom:6px" class="t" data-uk="КРОК 3" data-ru="ШАГ 3" data-en="STEP 3">КРОК 3</div>
      <div style="font-size:13px;color:var(--w)" class="t" data-uk="Зніміть лічильник і упакуйте в коробку або пухирчасту плівку" data-ru="Снимите счётчик и упакуйте в коробку или пузырчатую плёнку" data-en="Remove the meter and pack it in a box or bubble wrap">Зніміть лічильник і упакуйте в коробку або пухирчасту плівку</div>
    </div>
    <div style="background:var(--d2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px">
      <div style="font-size:28px;margin-bottom:8px">🚚</div>
      <div style="font-family:'Bebas Neue',sans-serif;font-size:13px;color:var(--g);letter-spacing:1px;margin-bottom:6px" class="t" data-uk="КРОК 4" data-ru="ШАГ 4" data-en="STEP 4">КРОК 4</div>
      <div style="font-size:13px;color:var(--w)" class="t" data-uk="Відправте Новою Поштою до Києва — адресу надішлемо після заявки" data-ru="Отправьте Новой Почтой в Киев — адрес пришлём после заявки" data-en="Ship via Nova Poshta to Kyiv — we'll send the address after your order">Відправте Новою Поштою до Києва — адресу надішлемо після заявки</div>
    </div>
  </div>
  <div class="kyiv-warn" style="margin-bottom:24px">
    📦 <b><span class="t" data-uk="Важливо при відправці:" data-ru="Важно при отправке:" data-en="Important when shipping:">Важливо при відправці:</span></b>
    <span class="t" data-uk=" Наклейте на коробку позначку «Крихке» та вкажіть реальну ринкову вартість приладу в декларації Нової Пошти — з цієї суми розраховується страхове відшкодування у разі пошкодження. Не знаєте оціночну вартість? Запитайте у нас перед відправкою." data-ru=" Наклейте на коробку отметку «Хрупкое» и укажите реальную рыночную стоимость прибора в декларации Новой Почты — из этой суммы рассчитывается страховое возмещение в случае повреждения. Не знаете оценочную стоимость? Уточните у нас перед отправкой." data-en=" Place a 'Fragile' sticker on the box and declare the real market value in the Nova Poshta waybill — insurance compensation is calculated from this amount. Not sure of the value? Ask us before shipping."> Наклейте на коробку позначку «Крихке» та вкажіть реальну ринкову вартість приладу в декларації Нової Пошти — з цієї суми розраховується страхове відшкодування у разі пошкодження. Не знаєте оціночну вартість? Запитайте у нас перед відправкою.</span>
  </div>
  <div style="text-align:center">
    <a href="https://youtu.be/1OFA_6c-7kQ" target="_blank" class="bp" style="display:inline-flex;align-items:center;gap:10px;text-decoration:none">
      ▶ <span class="t" data-uk="ДИВИТИСЬ ВІДЕО-ІНСТРУКЦІЮ" data-ru="СМОТРЕТЬ ВИДЕО-ИНСТРУКЦИЮ" data-en="WATCH VIDEO GUIDE">ДИВИТИСЬ ВІДЕО-ІНСТРУКЦІЮ</span>
    </a>
  </div>
</div></div>

<!-- PRICING -->
<div class="ps"><div class="sec" id="pricing">
  <div class="sl t" data-uk="ЦІНИ" data-ru="ЦЕНЫ" data-en="PRICING">ЦІНИ</div>
  <h2 class="sh t" data-uk="ВАРТІСТЬ ПОВІРКИ ЛІЧИЛЬНИКА ТЕПЛА" data-ru="СТОИМОСТЬ ПОВЕРКИ СЧЁТЧИКА ТЕПЛА" data-en="HEAT METER CALIBRATION PRICING">ВАРТІСТЬ ПОВІРКИ ЛІЧИЛЬНИКА ТЕПЛА</h2>
  <p class="sd t" data-uk="Без прихованих доплат. Що бачите — те й платите." data-ru="Без скрытых доплат. Что видите — то и платите." data-en="No hidden fees. What you see is what you pay.">Без прихованих доплат. Що бачите — те й платите.</p>
  <div class="pg" style="grid-template-columns:repeat(3,1fr);max-width:1000px">
    <div class="pc">
      <div class="pt2 t" data-uk="ПОШТОЮ · ВСЯ УКРАЇНА" data-ru="ПОЧТОЙ · ВСЯ УКРАИНА" data-en="BY MAIL · ALL UKRAINE">ПОШТОЮ · ВСЯ УКРАЇНА</div>
      <div class="pn t" data-uk="ЛІЧИЛЬНИК ТЕПЛА" data-ru="СЧЁТЧИК ТЕПЛА" data-en="HEAT METER">ЛІЧИЛЬНИК ТЕПЛА</div>
      <div class="pp">900 <span>₴</span></div>
      <div class="pnt t" data-uk="При самостійному знятті. Пересилка до нас — за рахунком клієнта. Назад — безкоштовно." data-ru="При самостоятельном снятии. Пересылка к нам — за счёт клиента. Назад — бесплатно." data-en="Self-removal. Shipping to us — client pays. Return — free.">При самостійному знятті. Пересилка до нас — за рахунком клієнта. Назад — безкоштовно.</div>
      <ul class="pfl">
        <li class="t" data-uk="Повірка на власній станції" data-ru="Поверка на собственной станции" data-en="Calibration at our own station">Повірка на власній станції</li>
        <li class="t" data-uk="Батарейка: +400 ₴ (окремо, за потреби)" data-ru="Батарейка: +400 ₴ (отдельно, по необходимости)" data-en="Battery: +400 ₴ (optional, separate)">Батарейка: +400 ₴ (окремо, за потреби)</li>
        <li class="t" data-uk="Офіційне свідоцтво ДСТУ" data-ru="Официальное свидетельство ДСТУ" data-en="Official DSTU certificate">Офіційне свідоцтво ДСТУ</li>
        <li class="t" data-uk="Термін: 7 робочих днів" data-ru="Срок: 7 рабочих дней" data-en="Timeline: 7 business days">Термін: 7 робочих днів</li>
      </ul>
      <a href="#contact" class="bp" style="display:block;text-align:center;font-size:12px" data-uk="ОФОРМИТИ ЗАЯВКУ" data-ru="ОФОРМИТЬ ЗАЯВКУ" data-en="SUBMIT REQUEST">ОФОРМИТИ ЗАЯВКУ</a>
    </div>
    <div class="pc f">
      <div class="fb t" data-uk="РЕКОМЕНДУЄМО" data-ru="РЕКОМЕНДУЕМ" data-en="RECOMMENDED">РЕКОМЕНДУЄМО</div>
      <div class="pt2 t" data-uk="КИЇВ ТА ОБЛАСТЬ" data-ru="КИЕВ И ОБЛАСТЬ" data-en="KYIV & REGION">КИЇВ ТА ОБЛАСТЬ</div>
      <div class="pn t" data-uk="ПОВНИЙ ПАКЕТ" data-ru="ПОЛНЫЙ ПАКЕТ" data-en="FULL SERVICE">ПОВНИЙ ПАКЕТ</div>
      <div class="pp"><span style="font-size:18px;color:var(--gr)" class="t" data-uk="від" data-ru="от" data-en="from">від</span> 1 600 <span>₴</span></div>
      <div class="pnt t" data-uk="DN 15–20. Виїзд майстра — безкоштовно." data-ru="DN 15–20. Выезд мастера — бесплатно." data-en="DN 15–20. Master visit — free.">DN 15–20. Виїзд майстра — безкоштовно.</div>
      <ul class="pfl">
        <li class="t" data-uk="Виїзд майстра (зняти + встановити)" data-ru="Выезд мастера (снять + установить)" data-en="Master visit (remove + install)">Виїзд майстра (зняти + встановити)</li>
        <li class="t" data-uk="Повірка на власній станції" data-ru="Поверка на собственной станции" data-en="Calibration at our own station">Повірка на власній станції</li>
        <li class="t" data-uk="Заміна батарейки включена" data-ru="Замена батарейки включена" data-en="Battery replacement included">Заміна батарейки включена</li>
        <li class="t" data-uk="Офіційне свідоцтво ДСТУ" data-ru="Официальное свидетельство ДСТУ" data-en="Official DSTU certificate">Офіційне свідоцтво ДСТУ</li>
        <li style="color:var(--g)" class="t" data-uk="★ Реєстрація в Київтеплоенерго та Єврореконструкції" data-ru="★ Регистрация в Киевтеплоэнерго и Еврореконструкции" data-en="★ Registration in Kyivteploenergy &amp; Euroreconstructsia">★ Реєстрація в Київтеплоенерго та Єврореконструкції</li>
      </ul>
      <a href="#contact" class="bp" style="display:block;text-align:center;font-size:12px" data-uk="ЗАМОВИТИ ПОВНИЙ ПАКЕТ" data-ru="ЗАКАЗАТЬ ПОЛНЫЙ ПАКЕТ" data-en="ORDER FULL SERVICE">ЗАМОВИТИ ПОВНИЙ ПАКЕТ</a>
    </div>
    <div class="pc">
      <div class="pt2 t" data-uk="КОМЕРЦІЙНІ ОБ'ЄКТИ · ВСЯ УКРАЇНА" data-ru="КОММЕРЧЕСКИЕ ОБЪЕКТЫ · ВСЯ УКРАИНА" data-en="COMMERCIAL OBJECTS · ALL UKRAINE">КОМЕРЦІЙНІ ОБ'ЄКТИ · ВСЯ УКРАЇНА</div>
      <div class="pn">DN 25–60+</div>
      <div class="pp" style="font-size:28px"><span style="font-size:30px;color:var(--g)" class="t" data-uk="за запитом" data-ru="по запросу" data-en="on request">за запитом</span></div>
      <div class="pnt t" data-uk="Магазини, офіси, котельні. Приймаємо Новою Поштою." data-ru="Магазины, офисы, котельные. Принимаем Новой Почтой." data-en="Shops, offices, boiler rooms. Accept by Nova Poshta.">Магазини, офіси, котельні. Приймаємо Новою Поштою.</div>
      <ul class="pfl">
        <li>DN 25 / 32 / 40 / 50 / 60+</li>
        <li class="t" data-uk="Офіційне свідоцтво ДСТУ" data-ru="Официальное свидетельство ДСТУ" data-en="Official DSTU certificate">Офіційне свідоцтво ДСТУ</li>
        <li class="t" data-uk="Приймаємо поштою з усієї України" data-ru="Принимаем почтой со всей Украины" data-en="Accepting by mail from all Ukraine">Приймаємо поштою з усієї України</li>
        <li class="t" data-uk="Індивідуальні умови для опту" data-ru="Индивидуальные условия для опта" data-en="Custom rates for wholesale">Індивідуальні умови для опту</li>
      </ul>
      <a href="#contact" class="bs" style="display:block;text-align:center;font-size:12px" data-uk="ДІЗНАТИСЬ ЦІНУ" data-ru="УЗНАТЬ ЦЕНУ" data-en="GET A QUOTE">ДІЗНАТИСЬ ЦІНУ</a>
    </div>
  </div>
  <div class="kyiv-warn" style="margin-top:28px;max-width:1000px">
    ℹ️ <b><span class="t" data-uk="Якщо прилад не пройде повірку:" data-ru="Если прибор не пройдёт поверку:" data-en="If the meter fails calibration:">Якщо прилад не пройде повірку:</span></b>
    <span class="t" data-uk=" ви отримаєте офіційний висновок, а ми запропонуємо заміну на новий лічильник за ціною заводу-виробника (без націнки монтажної організації). Оплата за повірку стягується в будь-якому випадку — це оплата за проведене вимірювання, а не гарантія позитивного результату." data-ru=" вы получите официальное заключение, а мы предложим замену на новый счётчик по цене завода-изготовителя (без наценки монтажной организации). Оплата за поверку взимается в любом случае — это оплата за проведённое измерение, а не гарантия положительного результата." data-en=" you'll receive an official report, and we'll offer a replacement meter at the manufacturer's price (no markup from an installation company). Payment for calibration is charged regardless — it's payment for the measurement performed, not a guarantee of a positive result."> ви отримаєте офіційний висновок, а ми запропонуємо заміну на новий лічильник за ціною заводу-виробника (без націнки монтажної організації). Оплата за повірку стягується в будь-якому випадку — це оплата за проведене вимірювання, а не гарантія позитивного результату.</span>
  </div>
</div></div>

<!-- REVIEWS -->
<div class="aw"><div class="sec">
  <div class="sl t" data-uk="НАС РЕКОМЕНДУЮТЬ" data-ru="НАС РЕКОМЕНДУЮТ" data-en="THEY RECOMMEND US">НАС РЕКОМЕНДУЮТЬ</div>
  <h2 class="sh t" data-uk="РЕАЛЬНІ КЛІЄНТИ — РЕАЛЬНІ ВІДГУКИ" data-ru="РЕАЛЬНЫЕ КЛИЕНТЫ — РЕАЛЬНЫЕ ОТЗЫВЫ" data-en="REAL CLIENTS — REAL REVIEWS">РЕАЛЬНІ КЛІЄНТИ — РЕАЛЬНІ ВІДГУКИ</h2>
  <p class="sd t" data-uk="Офіційні листи подяки від організацій, яким ми встановлювали та повіряли лічильники." data-ru="Официальные благодарственные письма от организаций, которым мы устанавливали и поверяли счётчики." data-en="Official letters of commendation from organisations we served.">Офіційні листи подяки від організацій, яким ми встановлювали та повіряли лічильники.</p>
  <div class="rev-grid">
    <div class="rev-card">
      <div class="rev-org">
        <div class="rev-ico">🏥</div>
        <div>
          <div class="rev-name">Медичний центр «Клініка Л-Стоматологія»</div>
          <div class="rev-type t" data-uk="м. Київ · Встановлення теплолічильника" data-ru="г. Киев · Установка теплосчётчика" data-en="Kyiv · Heat meter installation">м. Київ · Встановлення теплолічильника</div>
        </div>
      </div>
      <div class="rev-text t" data-uk="Висока кваліфікація та компетентність спеціалістів ТОВ «Тепло-Майстер» дозволили вирішити поставлені завдання своєчасно та менш ніж за сім календарних днів. Хочемо підкреслити всебічну комплексну проробку послуг, що надаються, та консультаційну підтримку після запуску." data-ru="Высокая квалификация специалистов ООО «Тепло-Мастер» позволила решить поставленные задачи своевременно и менее чем за семь дней. Хотим подчеркнуть комплексную проработку услуг и консультационную поддержку после запуска." data-en="The high qualifications of Teplomaster specialists allowed us to complete the task in under seven days. We especially note the comprehensive approach and post-launch support.">Висока кваліфікація та компетентність спеціалістів ТОВ «Тепло-Майстер» дозволили вирішити поставлені завдання своєчасно та менш ніж за сім календарних днів.</div>
      <a href="Photos/Медичний центр стоматология.jpg" target="_blank" class="rev-doc">📄 <span class="t" data-uk="Офіційний лист подяки" data-ru="Официальное письмо благодарности" data-en="Official letter of commendation">Офіційний лист подяки</span></a>
    </div>
    <div class="rev-card">
      <div class="rev-org">
        <div class="rev-ico">🍷</div>
        <div>
          <div class="rev-name">Бутік-ресторан «LAVINIA»</div>
          <div class="rev-type t" data-uk="м. Київ, вул. Жилянська 59 · Монтаж теплолічильника" data-ru="г. Киев, ул. Жилянская 59 · Монтаж теплосчётчика" data-en="Kyiv, Zhylianska 59 · Heat meter installation">м. Київ, вул. Жилянська 59 · Монтаж теплолічильника</div>
        </div>
      </div>
      <div class="rev-text t" data-uk="При виборі підрядника ми керувалися репутацією компанії та якістю робіт. «Тепло-Майстер» повністю відповідає цим критеріям. Монтажники зробили все швидко та якісно. Хочемо окремо відзначити індивідуальний підхід та сервіс." data-ru="При выборе подрядчика мы руководствовались репутацией и качеством работ. «Тепло-Мастер» полностью отвечает этим критериям. Монтажники выполнили работу быстро и качественно. Хотим отметить индивидуальный подход и сервис." data-en="We chose the contractor based on reputation and quality. Teplomaster fully met our criteria. The team worked quickly and professionally. We especially note the individual approach and service.">При виборі підрядника ми керувалися репутацією компанії та якістю робіт. «Тепло-Майстер» повністю відповідає цим критеріям. Монтажники зробили все швидко та якісно.</div>
      <a href="Photos/Бутик-ресторан.jpg" target="_blank" class="rev-doc">📄 <span class="t" data-uk="Офіційний лист подяки" data-ru="Официальное письмо благодарности" data-en="Official letter of commendation">Офіційний лист подяки</span></a>
    </div>
    <div class="rev-card">
      <div class="rev-org">
        <div class="rev-ico">⚙️</div>
        <div>
          <div class="rev-name">ТОВ «Ресурс-Ойл-А»</div>
          <div class="rev-type t" data-uk="Київська обл. · Встановлення теплолічильника" data-ru="Киевская обл. · Установка теплосчётчика" data-en="Kyiv region · Heat meter installation">Київська обл. · Встановлення теплолічильника</div>
        </div>
      </div>
      <div class="rev-text t" data-uk="З 7 монтажних організацій, до яких ми зверталися, ви виявилися єдиними, хто погодився виконати роботу в нашому приміщенні відповідно до технічних умов та проектної документації. Ваші монтажники зробили все якісно та швидко. Оперативно передали об'єкт на баланс у Київенерго." data-ru="Из 7 монтажных организаций, к которым мы обращались, вы оказались единственными, кто согласился выполнить работу в нашем помещении по техническим условиям. Монтажники сделали всё качественно и быстро. Оперативно передали объект на баланс в Киевэнерго." data-en="Of 7 installation companies we contacted, you were the only one who agreed to complete the work per technical specifications. The team worked fast and qualitatively. Promptly handed the unit over to Kyivenergo.">З 7 монтажних організацій ви виявилися єдиними, хто виконав роботу відповідно до технічних умов та проектної документації. Оперативно передали об'єкт на баланс у Київенерго.</div>
      <a href="Photos/Ресурс оил.jpg" target="_blank" class="rev-doc">📄 <span class="t" data-uk="Офіційний лист подяки" data-ru="Официальное письмо благодарности" data-en="Official letter of commendation">Офіційний лист подяки</span></a>
    </div>
    <div class="rev-card">
      <div class="rev-org">
        <div class="rev-ico">📰</div>
        <div>
          <div class="rev-name">ТОВ «Видавничий центр реклами»</div>
          <div class="rev-type t" data-uk="м. Київ, бул. І. Лепсе 8 · Реконструкція теплового пункту" data-ru="г. Киев, бул. И. Лепсе 8 · Реконструкция теплового пункта" data-en="Kyiv, Lepse blvd 8 · Heat node reconstruction">м. Київ, бул. І. Лепсе 8 · Реконструкція теплового пункту</div>
        </div>
      </div>
      <div class="rev-text t" data-uk="Завдяки вашим зусиллям і професіоналізму всі договірні зобов'язання виконані вчасно, незважаючи на те, що роботи проводились під час опалювального сезону. Хочу також окремо подякувати за оперативне реагування на всі питання в процесі виконання замовлення." data-ru="Благодаря вашим усилиям и профессионализму все договорные обязательства выполнены в срок, несмотря на то что работы проводились во время отопительного сезона. Хочу поблагодарить за оперативное реагирование на все вопросы." data-en="Thanks to your professionalism all obligations were fulfilled on time despite the work being carried out during the heating season. Thank you for the prompt response to all questions.">Завдяки вашому професіоналізму всі зобов'язання виконані вчасно, незважаючи на роботи під час опалювального сезону. Хочу окремо подякувати за оперативне реагування.</div>
      <a href="Photos/Видавничий центр реклами.jpg" target="_blank" class="rev-doc">📄 <span class="t" data-uk="Офіційний лист подяки" data-ru="Официальное письмо благодарности" data-en="Official letter of commendation">Офіційний лист подяки</span></a>
    </div>
    <div class="rev-card" style="background:rgba(29,185,84,.05);border-color:rgba(29,185,84,.2)">
      <div style="display:flex;gap:4px;margin-bottom:10px;color:var(--g);font-size:16px">★★★★★</div>
      <div class="rev-text t" data-uk="Відправила лічильник з Харкова — через 9 днів отримала назад зі свідоцтвом. Все чітко, без зайвих дзвінків. Рекомендую." data-ru="Отправила счётчик из Харькова — через 9 дней получила обратно со свидетельством. Всё чётко, без лишних звонков. Рекомендую." data-en="Sent the meter from Kharkiv — got it back with certificate in 9 days. All clear, no extra calls. Recommend.">Відправила лічильник з Харкова — через 9 днів отримала назад зі свідоцтвом. Все чітко, без зайвих дзвінків. Рекомендую.</div>
      <div style="margin-top:12px;font-size:11px;color:var(--gr)">Олена К. · Харків · <span class="t" data-uk="Повірка поштою" data-ru="Поверка почтой" data-en="Postal calibration">Повірка поштою</span></div>
    </div>
    <div class="rev-card" style="background:rgba(29,185,84,.05);border-color:rgba(29,185,84,.2)">
      <div style="display:flex;gap:4px;margin-bottom:10px;color:var(--g);font-size:16px">★★★★★</div>
      <div class="rev-text t" data-uk="Майстер приїхав вчасно, зняв лічильник, через тиждень встановив назад. Реєстрацію в Київтеплоенерго зробили самі — нам нічого не довелось робити." data-ru="Мастер приехал вовремя, снял счётчик, через неделю установил обратно. Регистрацию в Киевтеплоэнерго сделали сами — нам ничего не пришлось делать." data-en="The master arrived on time, removed the meter, installed it back a week later. They handled Kyivteploenergy registration themselves — we didn't have to do anything.">Майстер приїхав вчасно, зняв лічильник, через тиждень встановив назад. Реєстрацію в Київтеплоенерго зробили самі — нам нічого не довелось робити.</div>
      <div style="margin-top:12px;font-size:11px;color:var(--gr)">Андрій В. · Київ · <span class="t" data-uk="Виїзд майстра" data-ru="Выезд мастера" data-en="Master visit">Виїзд майстра</span></div>
    </div>
    <div class="rev-card" style="background:rgba(29,185,84,.05);border-color:rgba(29,185,84,.2)">
      <div style="display:flex;gap:4px;margin-bottom:10px;color:var(--g);font-size:16px">★★★★★</div>
      <div class="rev-text t" data-uk="Відправив з Дніпра, хвилювався що загублять. Але все прийшло, повірили і повернули швидше ніж казали. Ціна нормальна, 900 грн за таку роботу — ок." data-ru="Отправил из Днепра, переживал что потеряют. Но всё пришло, поверили и вернули быстрее чем говорили. Цена нормальная, 900 грн за такую работу — ок." data-en="Sent from Dnipro, was worried it'd get lost. But it all arrived, calibrated and returned faster than promised. Price is fair, 900 UAH for this kind of work — ok.">Відправив з Дніпра, хвилювався що загублять. Але все прийшло, повірили і повернули швидше ніж казали. Ціна нормальна, 900 грн — ок.</div>
      <div style="margin-top:12px;font-size:11px;color:var(--gr)">Михайло Т. · Дніпро · <span class="t" data-uk="Повірка поштою" data-ru="Поверка почтой" data-en="Postal calibration">Повірка поштою</span></div>
    </div>
    <div class="rev-card">
      <div class="rev-org">
        <div class="rev-ico">🏢</div>
        <div>
          <div class="rev-name">ТОВ «Магістраль 2006»</div>
          <div class="rev-type t" data-uk="м. Київ · Повірка теплолічильника" data-ru="г. Киев · Поверка теплосчётчика" data-en="Kyiv · Heat meter calibration">м. Київ · Повірка теплолічильника</div>
        </div>
      </div>
      <div class="rev-text t" data-uk="Офіційний лист подяки від ТОВ «Магістраль 2006»." data-ru="Официальное письмо благодарности от ООО «Магистраль 2006»." data-en="Official letter of commendation from Magistral 2006 LLC.">Офіційний лист подяки від ТОВ «Магістраль 2006».</div>
      <a href="Photos/Магистраль 2006.jpg" target="_blank" class="rev-doc">📄 <span class="t" data-uk="Офіційний лист подяки" data-ru="Официальное письмо благодарности" data-en="Official letter of commendation">Офіційний лист подяки</span></a>
    </div>
  </div>
</div></div>

<!-- CONTACT + CHATBOT -->
<!-- SERRP CHECK -->
<div style="background:var(--d2);border-top:1px solid rgba(29,185,84,.1);border-bottom:1px solid rgba(29,185,84,.1);padding:40px 52px">
  <div style="max-width:520px;margin:0 auto">
    <div class="sl t" data-uk="ПЕРЕВІРИТИ СВІДОЦТВО" data-ru="ПРОВЕРИТЬ СВИДЕТЕЛЬСТВО" data-en="CHECK CERTIFICATE">ПЕРЕВІРИТИ СВІДОЦТВО</div>
    <p style="font-size:12px;color:var(--gr);margin:8px 0 16px;line-height:1.6" class="t" data-uk="Введіть заводський номер приладу — відкриємо його статус у базі СЕРРП" data-ru="Введите заводской номер прибора — откроем его статус в базе СЕРРП" data-en="Enter the device serial number — we'll open its status in SERRP">Введіть заводський номер приладу — відкриємо його статус у базі СЕРРП</p>
    <div style="display:flex;gap:8px">
      <input type="text" class="fi" id="serrpId" style="max-width:300px" placeholder="499046" onkeydown="if(event.key==='Enter')checkSerrp()">
      <button class="bp t" onclick="checkSerrp()" style="white-space:nowrap" data-uk="ПЕРЕВІРИТИ →" data-ru="ПРОВЕРИТЬ →" data-en="CHECK →">ПЕРЕВІРИТИ →</button>
    </div>
  </div>
</div>

<div id="contact"><div class="cs">
  <div>
    <div class="sl t" data-uk="ЗАЛИШИТИ ЗАЯВКУ" data-ru="ОСТАВИТЬ ЗАЯВКУ" data-en="SUBMIT REQUEST">ЗАЛИШИТИ ЗАЯВКУ</div>
    <h2 class="sh" style="margin-bottom:32px">
      <span class="t" data-uk="ПОЧНІМО" data-ru="НАЧНЁМ" data-en="LET'S">ПОЧНІМО</span><br>
      <span style="color:var(--g)" class="t" data-uk="ПРЯМО ЗАРАЗ" data-ru="ПРЯМО СЕЙЧАС" data-en="GET STARTED">ПРЯМО ЗАРАЗ</span>
    </h2>
    <div class="fb2">
      <div class="ft t" data-uk="ЗАЯВКА НА ПОВІРКУ" data-ru="ЗАЯВКА НА ПОВЕРКУ" data-en="CALIBRATION REQUEST">ЗАЯВКА НА ПОВІРКУ</div>
      <div class="fs2 t" data-uk="Заповніть форму — зв'яжемось протягом 30 хвилин та надамо адресу для відправки." data-ru="Заполните форму — свяжемся в течение 30 минут и дадим адрес для отправки." data-en="Fill the form — we'll contact you within 30 min with the shipping address.">Заповніть форму — зв'яжемось протягом 30 хвилин та надамо адресу для відправки.</div>
      <div id="formBody">
        <div class="fg">
          <label class="fl2 t" data-uk="ДЕ ВИ ЗНАХОДИТЕСЬ?" data-ru="ГДЕ ВЫ НАХОДИТЕСЬ?" data-en="YOUR LOCATION?">ДЕ ВИ ЗНАХОДИТЕСЬ?</label>
          <div style="display:flex;gap:16px;margin-top:4px">
            <label style="display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--w)">
              <input type="radio" name="iloc" value="kyiv" onchange="onLocChange(this.value)" style="accent-color:var(--g);width:15px;height:15px">
              <span class="t" data-uk="🏙 Київ та область" data-ru="🏙 Киев и область" data-en="🏙 Kyiv & region">🏙 Київ та область</span>
            </label>
            <label style="display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--w)">
              <input type="radio" name="iloc" value="ukraine" onchange="onLocChange(this.value)" style="accent-color:var(--g);width:15px;height:15px">
              <span class="t" data-uk="🇺🇦 Вся Україна" data-ru="🇺🇦 Вся Украина" data-en="🇺🇦 All Ukraine">🇺🇦 Вся Україна</span>
            </label>
            <label style="display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--w)">
              <input type="radio" name="iloc" value="osbb" onchange="onLocChange(this.value)" style="accent-color:var(--g);width:15px;height:15px">
              <span class="t" data-uk="🏢 ОСББ / управляюча компанія" data-ru="🏢 ОСМД / управляющая компания" data-en="🏢 HOA / management company">🏢 ОСББ / управляюча компанія</span>
            </label>
          </div>
          <div class="loc-hint" id="locHint">✓ <span class="t" data-uk="Доступний повний пакет з виїздом майстра від 1 600 ₴ — реєстрація в Київтеплоенерго або Єврореконструкції включена" data-ru="Доступен полный пакет с выездом мастера от 1 600 ₴ — регистрация в Киевтеплоэнерго или Еврореконструкции включена" data-en="Full service with master visit from 1 600 ₴ — registration in Kyivteploenergy included">Доступний повний пакет з виїздом майстра від 1 600 ₴ — реєстрація в Київтеплоенерго або Єврореконструкції включена</span></div>
        </div>
        <div class="fg"><label class="fl2 t" data-uk="ВАШ ТЕЛЕФОН" data-ru="ВАШ ТЕЛЕФОН" data-en="YOUR PHONE">ВАШ ТЕЛЕФОН</label><input type="tel" class="fi" id="ip" placeholder="+38 (063) 458-71-31" maxlength="17" oninput="phoneMask(this)" onfocus="if(!this.value)this.value='+38 ('"></div>
        <div class="fg">
          <label class="fl2 t" data-uk="ТИП ЛІЧИЛЬНИКА" data-ru="ТИП СЧЁТЧИКА" data-en="METER TYPE">ТИП ЛІЧИЛЬНИКА</label>
          <select class="fsl" id="it">
            <option value="" class="t" data-uk="Оберіть тип" data-ru="Выберите тип" data-en="Select type">Оберіть тип</option>
            <option value="heat" class="t" data-uk="Лічильник тепла" data-ru="Счётчик тепла" data-en="Heat meter">Лічильник тепла</option>
            <option value="water" class="t" data-uk="Лічильник води" data-ru="Счётчик воды" data-en="Water meter">Лічильник води</option>
            <option value="both" class="t" data-uk="Обидва" data-ru="Оба" data-en="Both">Обидва</option>
          </select>
        </div>
        <div class="fg"><label class="fl2 t" data-uk="МІСТО" data-ru="ГОРОД" data-en="CITY">МІСТО</label><input type="text" class="fi" id="ic" placeholder="Харків, Дніпро, Одеса..."></div>
        <input type="text" id="fhp" name="fhp" style="display:none;visibility:hidden" tabindex="-1" autocomplete="off">
        <input type="hidden" id="utm_source">
        <input type="hidden" id="utm_campaign">
        <input type="hidden" id="utm_medium">
        <input type="hidden" id="utm_term">
        <input type="hidden" id="utm_content">
        <button class="fsu t" data-uk="ВІДПРАВИТИ ЗАЯВКУ →" data-ru="ОТПРАВИТЬ ЗАЯВКУ →" data-en="SUBMIT REQUEST →" onclick="subForm()">ВІДПРАВИТИ ЗАЯВКУ →</button>
      </div>
      <div class="okm" id="okm"></div>
    </div>
  </div>
  <div>
    <div class="sl t" data-uk="АІ-КОНСУЛЬТАНТ" data-ru="АИ-КОНСУЛЬТАНТ" data-en="AI CONSULTANT">АІ-КОНСУЛЬТАНТ</div>
    <h2 class="sh" style="margin-bottom:32px">
      <span class="t" data-uk="ЗАПИТАЙТЕ" data-ru="ЗАДАЙТЕ" data-en="ASK US">ЗАПИТАЙТЕ</span><br>
      <span style="color:var(--g)" class="t" data-uk="БУДЬ-ЩО" data-ru="ЛЮБОЙ ВОПРОС" data-en="ANYTHING">БУДЬ-ЩО</span>
    </h2>
    <div class="cb">
      <div class="ch"><div class="cav">🤖</div><div><div class="cnm">TeploMaster AI</div><div class="cst t" data-uk="● онлайн" data-ru="● онлайн" data-en="● online">● онлайн</div></div></div>
      <div class="cm" id="msgs">
        <div class="mg mb t" data-uk="Вітаю! 👋 Я консультант TeploMaster. Допоможу з питаннями про повірку лічильників тепла та води. Запитуйте!" data-ru="Здравствуйте! 👋 Я консультант TeploMaster. Помогу с вопросами о поверке счётчиков тепла и воды. Спрашивайте!" data-en="Hello! 👋 I'm TeploMaster's AI consultant. Ask me anything about meter calibration!">Вітаю! 👋 Я консультант TeploMaster. Допоможу з питаннями про повірку лічильників тепла та води. Запитуйте!</div>
      </div>
      <div class="cir">
        <input type="text" class="ci" id="ci" placeholder="Напишіть питання..." onkeydown="if(event.key==='Enter')send()">
        <button class="csnd" onclick="send()">→</button>
      </div>
    </div>
  </div>
</div></div>

<!-- FAQ -->
<section id="faq" style="background:var(--d2);border-top:1px solid rgba(29,185,84,.1)">
<div class="sec">
  <div class="sl t" data-uk="ЧАСТО ПИТАЮТЬ" data-ru="ЧАСТО СПРАШИВАЮТ" data-en="FAQ">ЧАСТО ПИТАЮТЬ</div>
  <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,44px);letter-spacing:2px;margin-bottom:36px" class="t" data-uk="Питання та відповіді" data-ru="Вопросы и ответы" data-en="Questions & Answers">Питання та відповіді</h2>
  <div style="max-width:780px;display:flex;flex-direction:column">

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Як відправити лічильник Новою Поштою?" data-ru="Как отправить счётчик Новой Почтой?" data-en="How to send the meter by Nova Poshta?">Як відправити лічильник Новою Поштою?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="Наклейте на коробку позначку «Крихке» та вкажіть у декларації Нової Пошти реальну ринкову вартість приладу — з цієї суми розраховується страхове відшкодування. Не знаєте суму? Зателефонуйте нам — підкажемо точну оціночну вартість вашої моделі." data-ru="Наклейте на коробку отметку «Хрупкое» и укажите в декларации Новой Почты реальную рыночную стоимость прибора — из этой суммы рассчитывается страховое возмещение. Не знаете сумму? Позвоните нам — подскажем точную оценочную стоимость вашей модели." data-en="Place a 'Fragile' sticker on the box and declare the real market value of the device in the Nova Poshta waybill — insurance compensation is calculated from this amount. Not sure of the value? Call us — we'll advise the correct valuation for your model.">Наклейте на коробку позначку «Крихке» та вкажіть у декларації Нової Пошти реальну ринкову вартість приладу — з цієї суми розраховується страхове відшкодування. Не знаєте суму? Зателефонуйте нам — підкажемо точну оціночну вартість вашої моделі.</p>
    </details>

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Чи дійсне свідоцтво по всій Україні?" data-ru="Действительно ли свидетельство по всей Украине?" data-en="Is the calibration certificate valid across Ukraine?">Чи дійсне свідоцтво по всій Україні?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="Так. Ми акредитовані ДП «УкрМетрТестСтандарт» і входимо в міжнародну систему ILAC-MRA — свідоцтво визнається комунальними службами та теплопостачальними організаціями в усіх регіонах України." data-ru="Да. Мы аккредитованы ГП «УкрМетрТестСтандарт» и входим в международную систему ILAC-MRA — свидетельство признаётся коммунальными службами и теплоснабжающими организациями во всех регионах Украины." data-en="Yes. We are accredited by SE 'UkrMetrTestStandard' and are part of the international ILAC-MRA system — the certificate is recognized by utility services and heat supply organizations across all regions of Ukraine.">Так. Ми акредитовані ДП «УкрМетрТестСтандарт» і входимо в міжнародну систему ILAC-MRA — свідоцтво визнається комунальними службами та теплопостачальними організаціями в усіх регіонах України.</p>
    </details>

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Скільки триває повірка?" data-ru="Сколько длится поверка?" data-en="How long does calibration take?">Скільки триває повірка?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="7 робочих днів з моменту отримання лічильника нашою лабораторією. У цей термін входять: проливання на власній станції, оформлення свідоцтва та відправлення приладу назад Новою Поштою." data-ru="7 рабочих дней с момента получения счётчика нашей лабораторией. В этот срок входят: проливка на собственной станции, оформление свидетельства и отправка прибора обратно Новой Почтой." data-en="7 business days from the moment our laboratory receives the meter. This includes: flow testing at our own station, issuing the certificate, and shipping the device back via Nova Poshta.">7 робочих днів з моменту отримання лічильника нашою лабораторією. У цей термін входять: проливання на власній станції, оформлення свідоцтва та відправлення приладу назад Новою Поштою.</p>
    </details>

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Чи потрібен демонтаж лічильника?" data-ru="Нужен ли демонтаж счётчика?" data-en="Does the meter need to be dismounted?">Чи потрібен демонтаж лічильника?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="Для тарифу «Вся Україна» — ні: ви знімаєте лічильник самостійно (є відео-інструкція) і відправляєте поштою. Для тарифу «Київ з виїздом» — демонтаж, повірку і монтаж виконує наш майстер, нічого робити самостійно не треба." data-ru="Для тарифа «Вся Украина» — нет: вы снимаете счётчик самостоятельно (есть видео-инструкция) и отправляете почтой. Для тарифа «Киев с выездом» — демонтаж, поверку и монтаж выполняет наш мастер, ничего делать самостоятельно не нужно." data-en="For the 'All Ukraine' plan — no: you remove the meter yourself (video instructions available) and send it by post. For the 'Kyiv with on-site visit' plan — our technician handles dismounting, calibration, and reinstallation.">Для тарифу «Вся Україна» — ні: ви знімаєте лічильник самостійно (є відео-інструкція) і відправляєте поштою. Для тарифу «Київ з виїздом» — демонтаж, повірку і монтаж виконує наш майстер, нічого робити самостійно не треба.</p>
    </details>

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Чи можна замовити майстра додому?" data-ru="Можно ли заказать мастера на дом?" data-en="Can I order a technician to come home?">Чи можна замовити майстра додому?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="Так, виїзд майстра доступний тільки по Києву. Ціна: від 1 600 ₴ за один прилад (включає демонтаж, повірку, монтаж і реєстрацію в КТЕ/ЄвроРеконструкція). При замовленні від 10 приладів — ціна знижується." data-ru="Да, выезд мастера доступен только по Киеву. Цена: от 1 600 ₴ за один прибор (включает демонтаж, поверку, монтаж и регистрацию в КТЭ/ЕвроРеконструкция). При заказе от 2 приборов — цена снижается." data-en="Yes, on-site technician visits are available in Kyiv only. Price: from 1,600 ₴ per device (includes dismounting, calibration, reinstallation, and registration with KTE/EuroReconstruction). Discounts apply for 2+ devices.">Так, виїзд майстра доступний тільки по Києву. Ціна: від 1 600 ₴ за один прилад (включає демонтаж, повірку, монтаж і реєстрацію в КТЕ/ЄвроРеконструкція). При замовленні від 10 приладів — ціна знижується.</p>
    </details>

    <details class="faq-item">
      <summary class="faq-q">
        <span class="t" data-uk="Яка ціна на повірку лічильника тепла?" data-ru="Какая цена на поверку счётчика тепла?" data-en="What is the price for heat meter calibration?">Яка ціна на повірку лічильника тепла?</span>
        <span class="faq-arrow">▼</span>
      </summary>
      <p class="faq-a t" data-uk="Тариф «Вся Україна» (поштою, самостійний демонтаж): 900 ₴ за 1 прилад, від 20 приладів — 800 ₴. Тариф «Київ з виїздом майстра»: від 1 600 ₴ за 1 прилад (при замовленні від 10 шт. — знижка до 1 400 ₴, від 50 шт. — 1 250 ₴)." data-ru="Тариф «Вся Украина» (почтой, самостоятельный демонтаж): 900 ₴ за 1 прибор, от 20 приборов — 800 ₴. Тариф «Киев с выездом мастера»: от 1 600 ₴ за 1 прибор (при заказе от 10 шт. — скидка до 1 400 ₴, от 50 шт. — 1 250 ₴)." data-en="'All Ukraine' plan (by post, self-dismount): 900 ₴ per device, 20+ devices — 800 ₴. 'Kyiv with technician' plan: from 1,600 ₴ per device (10+ devices — 1,400 ₴, 50+ devices — 1,250 ₴).">Тариф «Вся Україна» (поштою, самостійний демонтаж): 900 ₴ за 1 прилад, від 20 приладів — 800 ₴. Тариф «Київ з виїздом майстра»: від 1 600 ₴ за 1 прилад (при замовленні від 10 шт. — знижка до 1 400 ₴, від 50 шт. — 1 250 ₴).</p>
    </details>

  </div>
</div>
</section>
<style>
.faq-item{border-bottom:1px solid rgba(29,185,84,.12);list-style:none}
.faq-item summary{list-style:none}.faq-item summary::-webkit-details-marker{display:none}
.faq-q{width:100%;background:none;border:none;color:var(--w);font-family:'Geologica',sans-serif;font-size:15px;font-weight:400;text-align:left;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s}
.faq-q:hover{color:var(--g)}
details[open]>.faq-q{color:var(--g)}
.faq-arrow{font-size:11px;color:var(--g);flex-shrink:0;transition:transform .25s}
details[open] .faq-arrow{transform:rotate(180deg)}
.faq-a{padding:0 0 20px;color:var(--gr);font-size:14px;line-height:1.75;margin:0}
</style>

<!-- FOOTER -->
<footer><div class="fi2">
  <div>
    <div class="fl3"><span>TEPLO</span>MASTER</div>
    <div style="font-size:10px;color:var(--gr);margin-top:5px" class="t" data-uk="Власна проливна станція · Київ · Вся Україна" data-ru="Собственная станция · Киев · Вся Украина" data-en="Own station · Kyiv · All Ukraine">Власна проливна станція · Київ · Вся Україна</div>
  </div>
  <div class="fc">
    <a href="tel:+380634587131" class="fct">📞 063 458-71-31 (Life)</a>
    <a href="tel:+380986549434" class="fct">📞 098 654-94-34 (Kyivstar)</a>
    <a href="mailto:zakaz@teplo-m.com" class="fct">✉ zakaz@teplo-m.com</a>
    <span class="fct" style="cursor:default">📍 <span class="t" data-uk="м. Київ, вул. Євгена Сверстюка 19, оф. 713" data-ru="г. Киев, ул. Евгения Сверстюка 19, оф. 713" data-en="Kyiv, Evhena Sverstiuka 19, office 713">м. Київ, вул. Євгена Сверстюка 19, оф. 713</span></span>
  </div>
  <div class="fcp">
    <div style="display:flex;gap:14px;margin-bottom:10px">
      <a href="https://www.youtube.com/@teplomaster6283" target="_blank" title="YouTube" style="color:var(--gr);font-size:22px;text-decoration:none;transition:color .2s" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='var(--gr)'">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.7 15.5V8.5l6.3 3.5-6.3 3.5z"/></svg>
      </a>
      <a href="https://www.tiktok.com/@teplomaster1" target="_blank" title="TikTok" style="color:var(--gr);font-size:22px;text-decoration:none;transition:color .2s" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='var(--gr)'">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 3.3A4.7 4.7 0 0 1 15 0h-3.4v16.4a2.8 2.8 0 1 1-2-2.7V10a6.2 6.2 0 1 0 5.4 6.1V8.2a8 8 0 0 0 4.6 1.4V6.3a4.7 4.7 0 0 1-2.9-3z"/></svg>
      </a>
    </div>
    <div class="t" data-uk="© 2016–2026 ТОВ «Тепло-Майстер»" data-ru="© 2016–2026 ООО «Тепло-Мастер»" data-en="© 2016–2026 TeploMaster LLC">© 2016–2026 ТОВ «Тепло-Майстер»</div>
    <div style="margin-top:2px" class="t" data-uk="Всі права захищені" data-ru="Все права защищены" data-en="All rights reserved">Всі права захищені</div>
    <a href="https://t.me/MaxBotDeveloper" rel="noopener" target="_blank" style="display:inline-block;margin-top:10px;text-decoration:none;opacity:.5;transition:opacity .2s" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='.5'">
      <div style="font-size:11px;color:var(--g);letter-spacing:1px;font-family:'Bebas Neue',sans-serif">MR.AI Creative Studio</div>
      <div style="font-size:9px;color:var(--gr);letter-spacing:1px">Your vision, our creation</div>
    </a>
  </div>
</div></footer>

<!-- OVERLAY + DRAWER CHAT -->
<div class="overlay" id="overlay" onclick="toggleDrawer()"></div>
<div class="drawer" id="drawer">
  <div class="dr-head">
    <div style="display:flex;align-items:center;gap:10px">
      <div class="cav" style="width:36px;height:36px;font-size:17px">🤖</div>
      <div>
        <div class="dr-title" style="font-size:15px;letter-spacing:1px">TeploMaster AI</div>
        <div style="font-size:9px;color:var(--g);letter-spacing:1px" class="t" data-uk="● онлайн · відповідає миттєво" data-ru="● онлайн · отвечает мгновенно" data-en="● online · instant replies">● онлайн · відповідає миттєво</div>
      </div>
    </div>
    <button class="dr-close" onclick="toggleDrawer()">✕</button>
  </div>
  <div class="cm" id="dr-msgs" style="flex:1;padding:16px;display:flex;flex-direction:column;gap:9px;overflow-y:auto;scroll-behavior:smooth">
    <div class="mg mb dr-welcome t" data-uk="Вітаю! 👋 Запитуйте про повірку, ціни або заміну батарейок — відповім одразу." data-ru="Привет! 👋 Спрашивайте о поверке, ценах или замене батареек — отвечу сразу." data-en="Hi! 👋 Ask me about calibration, pricing or battery replacement — I'll answer right away.">Вітаю! 👋 Запитуйте про повірку, ціни або заміну батарейок — відповім одразу.</div>
  </div>
  <div class="cir" style="padding:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:7px">
    <input type="text" class="ci" id="dr-ci" placeholder="Напишите вопрос..." onkeydown="if(event.key==='Enter')drSend()">
    <button class="csnd" onclick="drSend()">→</button>
  </div>
</div>

<script>
// =====================
// TABS
// =====================
function switchTab(id, btn) {
  document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('on'));
  document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('on'));
  document.getElementById('tab-' + id).classList.add('on');
  btn.classList.add('on');
}

// =====================
// LOCATION HINT
// =====================
function onLocChange(val) {
  const hint = document.getElementById('locHint');
  const hintEl = hint.querySelector('.t') || hint;
  if (val === 'kyiv') {
    hint.style.display = 'block';
    hint.style.color = 'var(--g)';
    hintEl.setAttribute('data-uk','✓ Доступний повний пакет з виїздом майстра від 1 600 ₴ — реєстрація в Київтеплоенерго або Єврореконструкції включена');
    hintEl.setAttribute('data-ru','✓ Доступен полный пакет с выездом мастера от 1 600 ₴ — регистрация включена');
    hintEl.textContent = hintEl.getAttribute('data-' + (document.documentElement.lang || 'uk').substring(0,2)) || hintEl.getAttribute('data-uk');
  } else if (val === 'osbb') {
    hint.style.display = 'block';
    hint.style.color = 'var(--g)';
    hintEl.setAttribute('data-uk','✓ Для ОСББ — гуртові умови від 900 ₴/прилад. Знижки від 10 шт. Перейдіть до розділу ОСББ ↓');
    hintEl.setAttribute('data-ru','✓ Для ОСМД — оптовые условия от 900 ₴/прибор. Скидки от 10 шт. Перейдите к разделу ОСМД ↓');
    hintEl.textContent = hintEl.getAttribute('data-uk');
  } else {
    hint.style.display = 'none';
  }
}
function checkSerrp2() {
  const v = document.getElementById('serrpId2').value.trim();
  if(!v) return;
  window.open('https://serrp.info/search_multi?search_text=' + encodeURIComponent(v), '_blank');
}
function checkSerrp() {
  const v = document.getElementById('serrpId').value.trim();
  if(!v) return;
  window.open('https://serrp.info/search_multi?search_text=' + encodeURIComponent(v), '_blank');
}
function phoneMask(el) {
  let v=el.value.replace(/\D/g,'');
  if(v.startsWith('380')) v=v.slice(2);
  else if(v.startsWith('38')) v=v.slice(2);
  if(v.length>0&&v[0]!=='0') v='0'+v;
  v=v.slice(0,10);
  let r='+38 ';
  if(v.length>0) r+='('+v.slice(0,3);
  if(v.length>=3) r+=') '+v.slice(3,6);
  if(v.length>=6) r+='-'+v.slice(6,8);
  if(v.length>=8) r+='-'+v.slice(8,10);
  el.value=r;
}

// =====================
// ЯЗЫК
// =====================
let lg = 'uk';
function setLang(l) {
  lg = l;
  document.querySelectorAll('.lb').forEach(b => b.classList.remove('on'));
  document.querySelector(`.lb[onclick="setLang('${l}')"]`).classList.add('on');
  document.querySelectorAll('.t').forEach(e => { const v = e.getAttribute('data-' + l); if (v) e.textContent = v; });
  const ph = { uk: { c: 'Харків, Дніпро, Одеса...', q: 'Напишіть питання...', d: 'Напишіть питання...' }, ru: { c: 'Харьков, Днепр, Одесса...', q: 'Напишите вопрос...', d: 'Напишите вопрос...' }, en: { c: 'Kharkiv, Dnipro, Odesa...', q: 'Type your question...', d: 'Type your question...' } };
  document.getElementById('ic').placeholder = ph[l].c;
  document.getElementById('ci').placeholder = ph[l].q;
  document.getElementById('dr-ci').placeholder = ph[l].d;
  const tk = { uk: ['ПОВІРКА ПО ВСІЙ УКРАЇНІ','ВЛАСНА ПРОЛИВНА СТАНЦІЯ','ВІДПРАВЛЯЙ НОВОЮ ПОШТОЮ','ВИЇЗД МАЙСТРА · КИЇВ ТА ОБЛАСТЬ','РЕЄСТРАЦІЯ В КИЇВТЕПЛОЕНЕРГО АБО ЄВРОРЕКОНСТРУКЦІЇ · КИЇВ','БУДЬ-ЯКИЙ ДІАМЕТР · DN15–DN60+'], ru: ['ПОВЕРКА ПО ВСЕЙ УКРАИНЕ','СОБСТВЕННАЯ СТАНЦИЯ','ОТПРАВЬ НОВОЙ ПОЧТОЙ','ВЫЕЗД МАСТЕРА · КИЕВ И ОБЛАСТЬ','РЕГИСТРАЦИЯ В КИЕВТЕПЛОЭНЕРГО ИЛИ ЕВРОРЕКОНСТРУКЦИИ · КИЕВ','ЛЮБОЙ ДИАМЕТР · DN15–DN60+'], en: ['CALIBRATION ACROSS UKRAINE','OWN STATION','SHIP VIA NOVA POSHTA','MASTER VISIT · KYIV & REGION','REGISTRATION IN KYIVTEPLO OR EURORECONSTRUCTSIA · KYIV','ANY DIAMETER · DN15–DN60+'] };
  let h = ''; for (let i = 0; i < 2; i++) tk[l].forEach(t => { h += `<span class="ti">${t}</span><span class="ti">◆</span>`; });
  document.getElementById('tkr').innerHTML = h;
}
window.addEventListener('load', () => { const n = navigator.language || 'uk'; setLang(n.startsWith('ru') ? 'ru' : n.startsWith('en') ? 'en' : 'uk'); });
(function(){const p=new URLSearchParams(location.search);['utm_source','utm_campaign','utm_medium','utm_term','utm_content'].forEach(k=>{const el=document.getElementById(k);if(el&&p.get(k))el.value=p.get(k);});})();

// =====================
// DRAWER CHAT
// =====================
let drHist = [];

function toggleDrawer() {
  const d = document.getElementById('drawer');
  const o = document.getElementById('overlay');
  d.classList.toggle('on');
  o.classList.toggle('on');
  document.body.style.overflow = d.classList.contains('on') ? 'hidden' : '';
  if (d.classList.contains('on')) setTimeout(() => document.getElementById('dr-ci').focus(), 350);
}

async function drSend() {
  const inp = document.getElementById('dr-ci');
  const msg = inp.value.trim();
  if (!msg) return;
  inp.value = '';
  const box = document.getElementById('dr-msgs');
  const um = document.createElement('div'); um.className = 'mg mu'; um.textContent = msg; box.appendChild(um);
  drHist.push({ role: 'user', content: msg });
  const typ = document.createElement('div'); typ.className = 'typ'; typ.innerHTML = '<span></span><span></span><span></span>'; box.appendChild(typ);
  box.scrollTop = box.scrollHeight;
  try {
    const r = await fetch('chatbot.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ messages: drHist })
    });
    const d = await r.json(); typ.remove();
    if (!d.ok) throw new Error(d.error || 'error');
    const txt = d.reply || '...';
    drHist.push({ role: 'assistant', content: txt });
    const bm = document.createElement('div'); bm.className = 'mg mb';
    bm.innerHTML = txt.replace(/\*\*(.*?)\*\*/g,'<b>$1</b>').replace(/(https?:\/\/[^\s]+)/g,'<a href="$1" target="_blank" style="color:var(--g)">$1</a>');
    box.appendChild(bm);
  } catch(e) {
    typ.remove();
    const em = document.createElement('div'); em.className = 'mg mb';
    em.textContent = lg === 'uk' ? 'Помилка. Телефонуйте: 063 458-71-31' : lg === 'ru' ? 'Ошибка. Звоните: 063 458-71-31' : 'Error. Call: 063 458-71-31';
    box.appendChild(em);
  }
  box.scrollTop = box.scrollHeight;
}

// =====================
// ЖИВОЙ СЧЁТЧИК
// =====================
async function initCounter() {
  try {
    const r = await fetch('counter.php');
    const d = await r.json();
    if (d.status === 'ok') updateCounterDisplay(d.views);

    const r2 = await fetch('counter.php', { method: 'POST' });
    const d2 = await r2.json();
    if (d2.status === 'ok') updateCounterDisplay(d2.views);
  } catch(e) {
    updateCounterDisplay(69453);
  }
}

function updateCounterDisplay(num) {
  const el = document.getElementById('counterNum');
  if (!el) return;
  const current = parseInt(el.textContent.replace(/\s/g, '')) || 69453;
  const target = num;
  const diff = target - current;
  if (diff <= 0) { el.textContent = formatNum(target); return; }
  let step = 0;
  const steps = 30;
  const timer = setInterval(() => {
    step++;
    const val = Math.round(current + (diff * step / steps));
    el.textContent = formatNum(val);
    if (step >= steps) clearInterval(timer);
  }, 30);
}

function formatNum(n) {
  return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}

window.addEventListener('load', initCounter);

// =====================
// ФОРМА
// =====================
async function subForm() {
  if(document.getElementById('fhp').value) return;
  const ph=document.getElementById('ip').value;
  const tp=document.getElementById('it').value;
  const ct=document.getElementById('ic').value;
  if(!ph||ph.length<10||!tp||!ct){alert(lg==='uk'?'Заповніть всі обов\'язкові поля':lg==='ru'?'Заполните все обязательные поля':'Fill required fields');return;}
  document.getElementById('formBody').style.display='none';
  const ok=document.getElementById('okm');
  ok.style.display='block';
  ok.textContent='⏳ ...';
  try{
    const r=await fetch('send.php',{
      method:'POST',
      headers:{'Content-Type':'application/json'},
      body:JSON.stringify({
        phone:ph,type:tp,city:ct,name:'',
        utm_source:document.getElementById('utm_source').value,
        utm_campaign:document.getElementById('utm_campaign').value,
        utm_medium:document.getElementById('utm_medium').value,
        utm_term:document.getElementById('utm_term').value,
        utm_content:document.getElementById('utm_content').value
      })
    });
    const d=await r.json();
    if(d.ok){
      const m={uk:`✓ ЗАЯВКУ ПРИЙНЯТО!\nЗателефонуємо на ${ph} незабаром.`,ru:`✓ ЗАЯВКА ПРИНЯТА!\nПозвоним на ${ph} скоро.`,en:`✓ RECEIVED!\nWe'll call ${ph} shortly.`};
      ok.textContent=m[lg];
      gtag('event','conversion',{'send_to':'AW-18140491826/L1XUCNLoyqccELLgh8pD'});
    }else{
      ok.textContent=d.error||'Помилка. Спробуйте ще раз.';
      document.getElementById('formBody').style.display='block';
    }
  }catch(e){
    ok.textContent='Помилка з\'єднання. Спробуйте пізніше.';
    document.getElementById('formBody').style.display='block';
  }
}

// =====================
// AI CHATBOT
// =====================
let hist = [];

async function send() {
  const inp = document.getElementById('ci');
  const msg = inp.value.trim();
  if (!msg) return;
  inp.value = '';
  const box = document.getElementById('msgs');
  const um = document.createElement('div'); um.className = 'mg mu'; um.textContent = msg; box.appendChild(um);
  hist.push({ role: 'user', content: msg });
  const typ = document.createElement('div'); typ.className = 'typ'; typ.innerHTML = '<span></span><span></span><span></span>'; box.appendChild(typ);
  box.scrollTop = box.scrollHeight;
  try {
    const r = await fetch('chatbot.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ messages: hist })
    });
    const d = await r.json(); typ.remove();
    if (!d.ok) throw new Error(d.error || 'error');
    const txt = d.reply || '...';
    hist.push({ role: 'assistant', content: txt });
    const bm = document.createElement('div'); bm.className = 'mg mb';
    bm.innerHTML = txt.replace(/\*\*(.*?)\*\*/g,'<b>$1</b>').replace(/(https?:\/\/[^\s]+)/g,'<a href="$1" target="_blank" style="color:var(--g)">$1</a>');
    box.appendChild(bm);
  } catch(e) {
    typ.remove();
    const em = document.createElement('div'); em.className = 'mg mb';
    em.textContent = lg === 'uk' ? 'Помилка. Телефонуйте: 063 458-71-31' : lg === 'ru' ? 'Ошибка. Звоните: 063 458-71-31' : 'Error. Call: 063 458-71-31';
    box.appendChild(em);
  }
  box.scrollTop = box.scrollHeight;
}
</script>
<script>
(function(){
  const canvas=document.getElementById('particles');
  const ctx=canvas.getContext('2d');
  const N=70;
  let pts=[];
  function resize(){
    canvas.width=window.innerWidth;
    canvas.height=window.innerHeight;
  }
  function init(){
    pts=Array.from({length:N},()=>({
      x:Math.random()*canvas.width,
      y:Math.random()*canvas.height,
      vx:(Math.random()-.5)*.4,
      vy:(Math.random()-.5)*.4,
      r:Math.random()*1.5+.5
    }));
  }
  resize();init();
  window.addEventListener('resize',()=>{resize();init()});
  function draw(){
    ctx.clearRect(0,0,canvas.width,canvas.height);
    for(let i=0;i<N;i++){
      for(let j=i+1;j<N;j++){
        const dx=pts[i].x-pts[j].x,dy=pts[i].y-pts[j].y;
        const d=Math.sqrt(dx*dx+dy*dy);
        if(d<130){
          ctx.strokeStyle=`rgba(29,185,84,${(1-d/130)*.2})`;
          ctx.lineWidth=.7;
          ctx.beginPath();ctx.moveTo(pts[i].x,pts[i].y);ctx.lineTo(pts[j].x,pts[j].y);ctx.stroke();
        }
      }
    }
    pts.forEach(p=>{
      ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);
      ctx.fillStyle='rgba(29,185,84,.65)';ctx.fill();
      p.x+=p.vx;p.y+=p.vy;
      if(p.x<0||p.x>canvas.width)p.vx*=-1;
      if(p.y<0||p.y>canvas.height)p.vy*=-1;
    });
    requestAnimationFrame(draw);
  }
  draw();
})();
</script>

<!-- MESSENGER FLOATING BUTTONS -->
<style>
.msg-float{position:fixed;bottom:24px;right:24px;z-index:1100;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.msg-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;font-size:13px;font-weight:700;text-decoration:none;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .2s,box-shadow .2s;white-space:nowrap}
.msg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.msg-btn-wa{background:#25D366}
.msg-btn-vb{background:#7360F2}
.msg-btn span{font-size:18px;line-height:1}
@media(max-width:600px){.msg-btn .msg-label{display:none}.msg-btn{padding:12px}}
</style>
<div class="msg-float">
  <a href="https://wa.me/380986549434?text=Привіт%2C%20хочу%20замовити%20повірку%20лічильника" target="_blank" class="msg-btn msg-btn-wa" aria-label="WhatsApp">
    <span>💬</span><span class="msg-label">WhatsApp</span>
  </a>
  <a href="viber://chat?number=%2B380986549434" class="msg-btn msg-btn-vb" aria-label="Viber">
    <span>📲</span><span class="msg-label">Viber</span>
  </a>
</div>
</body>
</html>
