/* ── hv.css ── */
/* Низ головної — 3 варіанти (2026-10-06), лише десктоп. Спільна сітка + теми .hv--1 / .hv--2 / .hv--3 */
.hv{font-family:Montserrat,system-ui,sans-serif;--g:#3fb34f;--r:#e5484d}
.hv *{box-sizing:border-box}
.hv-sec{margin:24px 0}
.hv-box{position:relative;padding:32px 36px;overflow:hidden}
.hv h2{margin:0;line-height:1.15}
.hv h2 em{font-style:normal}
.hv h3{margin:0}
.hv p{margin:0}
.hv-eye{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-bottom:10px}
.hv-eye svg{width:14px;height:14px}
.hv-lead{margin-top:8px!important;font-size:14px;line-height:1.5;max-width:520px}
.hv-note{font-size:11px;margin-top:10px!important}
.hv-ill{display:block;height:auto;object-fit:contain}
.hv-acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;font:600 14px Montserrat,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:all .2s}
.hv-btn--full{width:100%;height:48px}
.hv-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;text-decoration:none}
.hv-ar svg,.hv-link svg{width:16px;height:16px;display:block}
.hv ul,.hv ol{list-style:none;margin:0;padding:0}

/* ── кроки ── */
.hv-steps .hv-box{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head ill" "list list" "ex acts";gap:20px 28px;align-items:start}
.hv-steps .hv-head{grid-area:head}
.hv-steps .hv-ill{grid-area:ill;max-height:170px;justify-self:end;margin:-8px 0 -20px}
.hv-steps__list{grid-area:list;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.hv-steps__list li{padding:16px;position:relative}
.hv-steps__list b{display:block;font-size:15px;margin-top:10px}
.hv-steps__list p{font-size:12.5px;line-height:1.45;margin-top:4px!important}
.hv-n{display:inline-grid;place-items:center;font-weight:700;font-size:13px}
.hv-ex{grid-area:ex;padding:16px 18px}
.hv-ex__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.hv-ex__h b{font-size:14px}
.hv-ex__h span{font-size:12px}
.hv-ex__row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}
.hv-ex__row b{font-size:14px}
.hv-ex__row--sum b,.hv-ex__row--sun b{font-size:16px}
.hv-steps .hv-acts{grid-area:acts;flex-direction:column;align-items:stretch;align-self:end;gap:12px}
.hv-steps .hv-acts .hv-link{justify-content:center}

/* ── соцмережі ── */
.hv-soc .hv-box{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"ill head" "ill grid";gap:14px 28px;align-items:center}
.hv-soc .hv-ill{grid-area:ill;max-height:210px;justify-self:center}
.hv-soc .hv-head{grid-area:head}
.hv-soc__grid{grid-area:grid;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hv-ch{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"i t" "d d" "a a";gap:10px;padding:14px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.hv-ch:hover{transform:translateY(-2px)}
.hv-ch__i{grid-area:i;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff}
.hv-ch__i svg{width:22px;height:22px}
.hv-ch--tg .hv-ch__i{background:#2aabee}.hv-ch--yt .hv-ch__i{background:#ff0033}.hv-ch--tt .hv-ch__i{background:#111}.hv-ch--price .hv-ch__i{background:#3fb34f}
.hv-ch__t{grid-area:t;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hv-ch__t b{font-size:14px}
.hv-ch__t small{font-size:11.5px;overflow:hidden;text-overflow:ellipsis}
.hv-ch__d{grid-area:d;font-size:12.5px;line-height:1.4}
.hv-ch .hv-ar{grid-area:a;justify-self:start}

/* ── сонце ── */
.hv-sun .hv-head{text-align:center;max-width:640px;margin:0 auto}
.hv-sun .hv-lead{margin-left:auto;margin-right:auto}
.hv-vs{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:18px}
.hv-vs__c{padding:18px 20px;position:relative}
.hv-vs__c--new{padding-right:170px}
.hv-vs__c .hv-ill{position:absolute;right:10px;bottom:0;width:150px;max-height:170px}
.hv-tag{display:inline-flex;height:22px;align-items:center;padding:0 9px;font-size:11px;font-weight:600}
.hv-vs__c h3{font-size:15px;margin-top:8px}
.hv-big{font-size:26px;font-weight:700;margin-top:6px;line-height:1.1}
.hv-big small{font-size:12.5px;font-weight:600;margin-left:6px}
.hv-vs__c ul{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.hv-vs__c li{display:flex;gap:8px;font-size:13px;line-height:1.4}
.hv-vs__c li svg{flex:none;width:16px;height:16px;margin-top:1px}
.hv-sun .hv-acts{justify-content:center;margin-top:18px}
.hv-sun .hv-note{text-align:center}

/* ── опалення ── */
.hv-heat .hv-box{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center}
.hv-heat>.container>.hv-box>.hv-ill{max-height:330px;width:100%;justify-self:center}
.hv-flow{display:flex;align-items:center;gap:6px;margin-top:14px}
.hv-flow div{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;min-width:0}
.hv-flow span{flex:none;width:30px;height:30px;display:grid;place-items:center}
.hv-flow span svg{width:18px;height:18px}
.hv-flow b{font-size:12.5px;line-height:1.25}
.hv-flow i svg{width:14px;height:14px;display:block}
.hv-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hv-cmp__c{padding:12px 16px;display:flex;flex-direction:column}
.hv-cmp__c span{font-size:12px;font-weight:600}
.hv-cmp__c b{font-size:24px;line-height:1.15;margin-top:4px}
.hv-cmp__c small{font-size:11.5px}
.hv-facts{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:12px!important;font-size:12.5px}
.hv-facts b{font-weight:700}
.hv-heat .hv-acts{margin-top:16px}

/* ── відео ── */
.hv-vid__top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center}
.hv-vid .hv-ill{max-height:150px;margin:-12px 0 -12px}
.hv-vid__btns{display:flex;gap:8px}
.hv-sbtn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:600;font-size:14px;text-decoration:none}
.hv-sbtn svg{width:20px;height:20px}
.hv-vid__list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.hv-v{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.hv-v__th{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.hv-v__th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hv-v:hover .hv-v__th img{transform:scale(1.04)}
.hv-v__th i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.hv-v__th i svg{width:18px;height:18px;margin-left:2px}
.hv-v b{font-size:12.5px;line-height:1.35;font-weight:600}

/* ── прошивка ── */
.hv-fw .hv-box{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"head ill" "grid ill" "acts ill";gap:18px 28px;align-items:start}
.hv-fw .hv-head{grid-area:head}
.hv-fw .hv-ill{grid-area:ill;width:100%;max-height:300px;align-self:center}
.hv-fw__grid{grid-area:grid;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.hv-f{padding:14px}
.hv-f span{width:34px;height:34px;display:grid;place-items:center}
.hv-f span svg{width:18px;height:18px}
.hv-f b{display:block;font-size:14px;margin-top:10px}
.hv-f p{font-size:12px;line-height:1.4;margin-top:2px!important}
.hv-fw .hv-acts{grid-area:acts}

/* ── заявка ── */
.hv-form .hv-box{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:center}
.hv-form__txt{position:relative;min-height:300px;padding-right:220px}
.hv-form__txt .hv-ill{position:absolute;right:0;bottom:-32px;width:220px;max-height:300px}
.hv-pts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px!important}
.hv-pts li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;padding:10px 12px}
.hv-pts span{flex:none;width:24px;height:24px;display:grid;place-items:center;font-size:12px;font-weight:700}
.hv-form__card{padding:24px;display:flex;flex-direction:column;gap:12px}
.hv-form__t{font-size:18px;font-weight:700}
.hv-f-form{display:flex;flex-direction:column;gap:10px}
.hv-inp{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px}
.hv-inp svg{width:18px;height:18px;flex:none}
.hv-inp input{border:0!important;outline:0;background:transparent!important;height:46px!important;padding:0!important;font:500 14px Montserrat,sans-serif;flex:1;min-width:0;box-shadow:none!important}
.hv-or{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}
.hv-msg{display:flex;gap:6px}
.hv-msg a{width:38px;height:38px;display:grid;place-items:center;color:#fff}
.hv-msg a svg{width:20px;height:20px}
.hv-msg--tg{background:#2aabee}.hv-msg--vb{background:#7360f2}.hv-msg--wa{background:#25d366}
.hv-call{font-size:13px;font-weight:600;text-decoration:none;text-align:center}

/* ═════════════ ТЕМА 1 — «Світлий» ═════════════ */
.hv--1{--ink:#141414;--mut:#6b6b74;--line:#e6e6ea}
.hv--1 .hv-box{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 1px 2px rgba(0,0,0,.03),0 12px 32px rgba(0,0,0,.04);color:var(--ink)}
.hv--1 .hv-sun .hv-box{background:linear-gradient(180deg,#f0f9f1,#f7fcf8)}
.hv--1 .hv-heat .hv-box{background:linear-gradient(180deg,#fbf4ec,#fdf9f4)}
.hv--1 .hv-fw .hv-box{background:linear-gradient(180deg,#f2f4f8,#f8f9fb)}
.hv--1 h2{font-size:26px;font-weight:700;letter-spacing:-.02em}
.hv--1 h2 em{color:var(--g)}
.hv--1 .hv-eye{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.hv--1 .hv-eye::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g)}
.hv--1 .hv-eye svg{display:none}
.hv--1 .hv-lead,.hv--1 .hv-note,.hv--1 .hv-steps__list p,.hv--1 .hv-ex__h span,.hv--1 .hv-ch__t small,.hv--1 .hv-ch__d,.hv--1 .hv-f p,.hv--1 .hv-cmp__c small,.hv--1 .hv-or{color:var(--mut)}
.hv--1 .hv-note{color:#9a9aa3}
.hv--1 .hv-btn{color:#fff;background:linear-gradient(223deg,#2b2b2b,#000);border-radius:12px}
.hv--1 .hv-btn:hover{background:linear-gradient(223deg,#4c4c4c,#373535)}
.hv--1 .hv-f-form .hv-btn{background:linear-gradient(255deg,#56cc5b,#52ad56)}
.hv--1 .hv-link,.hv--1 .hv-ch,.hv--1 .hv-v,.hv--1 .hv-call{color:var(--ink)}
.hv--1 .hv-steps__list li,.hv--1 .hv-ex,.hv--1 .hv-ch,.hv--1 .hv-f,.hv--1 .hv-pts li,.hv--1 .hv-inp,.hv--1 .hv-flow div{background:#f7f7f8;border-radius:16px}
.hv--1 .hv-n{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--g);color:var(--g)}
.hv--1 .hv-ex__row+.hv-ex__row{border-top:1px solid var(--line)}
.hv--1 .hv-ex__row--sum b{color:var(--ink)} .hv--1 .hv-ex__row--sun b{color:var(--g)} .hv--1 .hv-neg{color:#9a9aa3}
.hv--1 .hv-ch{background:#f7f7f8;border:1px solid transparent} .hv--1 .hv-ch:hover{border-color:var(--line);background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.hv--1 .hv-vs__c{border-radius:16px}
.hv--1 .hv-vs__c--old{background:rgba(255,255,255,.65);border:1px solid var(--line)} .hv--1 .hv-vs__c--old .hv-big,.hv--1 .hv-vs__c--old li{color:#8b8b95}
.hv--1 .hv-vs__c--new{background:#fff;border:1.5px solid var(--g);box-shadow:0 10px 24px rgba(63,179,79,.1)} .hv--1 .hv-vs__c--new .hv-big,.hv--1 .hv-vs__c--new li svg{color:var(--g)}
.hv--1 .hv-tag{border-radius:999px;background:#ececee;color:#55555d} .hv--1 .hv-vs__c--new .hv-tag{background:#eef9f1;color:#2f8a3c}
.hv--1 .hv-flow div{background:#fff} .hv--1 .hv-flow span{background:#fbf4ec;border-radius:9px;color:#c25e00} .hv--1 .hv-flow i{color:#c0c0c6}
.hv--1 .hv-cmp__c{border-radius:14px} .hv--1 .hv-cmp__c--old{background:rgba(255,255,255,.6);border:1px solid var(--line)} .hv--1 .hv-cmp__c--old b{color:#9a9aa3}
.hv--1 .hv-cmp__c--new{background:#fff;border:1.5px solid var(--g)} .hv--1 .hv-cmp__c--new b{color:var(--g)} .hv--1 .hv-cmp__c span{color:#55555d}
.hv--1 .hv-sbtn{border-radius:12px;background:#f7f7f8;color:var(--ink)} .hv--1 .hv-sbtn--yt svg{color:#ff0033}
.hv--1 .hv-v__th{border-radius:14px} .hv--1 .hv-v__th i{background:rgba(255,255,255,.92);color:#111}
.hv--1 .hv-f{background:#fff;border-radius:16px} .hv--1 .hv-f span{background:#eef9f1;color:var(--g);border-radius:10px}
.hv--1 .hv-pts span{border-radius:50%;background:#eef9f1;color:var(--g)}
.hv--1 .hv-form__card{background:#f7f7f8;border-radius:20px} .hv--1 .hv-inp{background:#fff;border:1px solid var(--line);border-radius:12px;color:#9a9aa3}
.hv--1 .hv-msg a{border-radius:10px}

/* ═════════════ ТЕМА 2 — «Нічна ферма» ═════════════ */
.hv--2{--ink:#f2f2f4;--mut:#8f8f99;--line:#2a2a30;--card:#1a1a1e;--o1:#ff7800;--o2:#ffa600;--gg:#5fd16b}
.hv--2 .hv-box{background:radial-gradient(90% 120% at 100% 0%,rgba(255,138,0,.10),rgba(255,138,0,0) 55%),#111113;border:1px solid var(--line);border-radius:22px;color:var(--ink)}
.hv--2 h2{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.hv--2 h2 em{background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hv--2 .hv-eye{color:var(--o2);border:1px solid rgba(255,166,0,.35);border-radius:999px;padding:4px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.hv--2 .hv-lead,.hv--2 .hv-steps__list p,.hv--2 .hv-ex__h span,.hv--2 .hv-ch__t small,.hv--2 .hv-ch__d,.hv--2 .hv-f p,.hv--2 .hv-cmp__c small,.hv--2 .hv-or,.hv--2 .hv-ex__row span{color:var(--mut);font-weight:400}
.hv--2 .hv-note{color:#5f5f68}
.hv--2 .hv-btn{color:#fff;background:linear-gradient(90deg,var(--o1),var(--o2));border-radius:12px} .hv--2 .hv-btn:hover{box-shadow:0 8px 26px rgba(255,138,0,.4)}
.hv--2 .hv-link,.hv--2 .hv-ch,.hv--2 .hv-v,.hv--2 .hv-call{color:var(--ink)}
.hv--2 .hv-ill{border-radius:16px}
.hv--2 .hv-steps__list li,.hv--2 .hv-ex,.hv--2 .hv-ch,.hv--2 .hv-f,.hv--2 .hv-pts li,.hv--2 .hv-flow div,.hv--2 .hv-form__card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.hv--2 .hv-n{font-size:28px;font-weight:800;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hv--2 .hv-steps__list b{margin-top:4px}
.hv--2 .hv-steps .hv-ill{max-height:180px;border-radius:16px}
.hv--2 .hv-ex__row+.hv-ex__row{border-top:1px solid var(--line)}
.hv--2 .hv-ex__row--sum b{color:#fff} .hv--2 .hv-ex__row--sun b{color:var(--o2)} .hv--2 .hv-neg{color:#77777f}
.hv--2 .hv-ch:hover{border-color:rgba(255,166,0,.5);box-shadow:0 0 0 1px rgba(255,166,0,.2),0 10px 30px rgba(255,138,0,.12)}
.hv--2 .hv-soc .hv-ill{max-height:200px}
.hv--2 .hv-vs__c{border-radius:16px;background:var(--card);border:1px solid var(--line)}
.hv--2 .hv-vs__c--old .hv-big{color:#55555d} .hv--2 .hv-vs__c--old li{color:var(--mut)}
.hv--2 .hv-vs__c--new{border-color:rgba(255,166,0,.55);box-shadow:0 0 40px rgba(255,138,0,.12) inset;padding-right:250px}
.hv--2 .hv-vs__c--new .hv-big,.hv--2 .hv-vs__c--new li svg{color:var(--o2)}
.hv--2 .hv-vs__c .hv-ill{width:230px;max-height:none;right:12px;bottom:12px;top:12px;height:calc(100% - 24px);object-fit:cover}
.hv--2 .hv-tag{border-radius:6px;background:#26262b;color:var(--mut)} .hv--2 .hv-vs__c--new .hv-tag{background:rgba(255,166,0,.15);color:var(--o2)}
.hv--2 .hv-heat>.container>.hv-box>.hv-ill{max-height:300px;object-fit:cover;aspect-ratio:4/3}
.hv--2 .hv-flow span{color:var(--o2);background:rgba(255,166,0,.12);border-radius:9px} .hv--2 .hv-flow i{color:#55555d}
.hv--2 .hv-cmp__c{border-radius:14px;background:var(--card);border:1px solid var(--line)} .hv--2 .hv-cmp__c--old b{color:#66666e}
.hv--2 .hv-cmp__c--new{border-color:rgba(95,209,107,.5)} .hv--2 .hv-cmp__c--new b{color:var(--gg)} .hv--2 .hv-cmp__c span{color:#c7c7cd}
.hv--2 .hv-facts{color:var(--mut)} .hv--2 .hv-facts b{color:#fff}
.hv--2 .hv-sbtn{border-radius:12px;background:var(--card);border:1px solid var(--line);color:#fff} .hv--2 .hv-sbtn--yt svg{color:#ff0033}
.hv--2 .hv-vid .hv-ill{max-height:140px;border-radius:14px}
.hv--2 .hv-v__th{border-radius:12px;border:1px solid var(--line)} .hv--2 .hv-v__th i{background:linear-gradient(90deg,var(--o1),var(--o2));color:#fff}
.hv--2 .hv-f span{color:var(--o2);background:rgba(255,166,0,.12);border-radius:10px}
.hv--2 .hv-fw .hv-ill{object-fit:cover;aspect-ratio:3/2;max-height:260px}
.hv--2 .hv-pts span{border-radius:8px;background:rgba(255,166,0,.15);color:var(--o2)}
.hv--2 .hv-form__txt .hv-ill{border-radius:16px;bottom:0;width:200px;max-height:220px;object-fit:cover}
.hv--2 .hv-form__t{color:#fff} .hv--2 .hv-inp{background:#0d0d0f;border:1px solid var(--line);border-radius:12px;color:#6b6b74} .hv--2 .hv-inp input{color:#fff}
.hv--2 .hv-msg a{border-radius:10px} .hv--2 .hv-call{color:var(--o2)}

/* ═════════════ ТЕМА 3 — «Кольорові блоки» ═════════════ */
.hv--3{--ink:#141414;--mut:#4a4a52}
.hv--3 .hv-box{border-radius:32px;color:var(--ink);border:2px solid #141414;box-shadow:6px 6px 0 #141414}
.hv--3 .hv-steps .hv-box{background:#FFE27A}.hv--3 .hv-soc .hv-box{background:#CFE6FF}.hv--3 .hv-sun .hv-box{background:#C9F0D2}
.hv--3 .hv-heat .hv-box{background:#FFD8BD}.hv--3 .hv-vid .hv-box{background:#E3DAFF}.hv--3 .hv-fw .hv-box{background:#E6F98A}.hv--3 .hv-form .hv-box{background:#FFB870}
.hv--3 .hv-sec{margin:28px 0}
.hv--3 h2{font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.05}
.hv--3 h2 em{background:#fff;padding:0 8px;border-radius:10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hv--3 .hv-eye{background:#141414;color:#fff;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}
.hv--3 .hv-eye svg{color:#fff}
.hv--3 .hv-lead{color:var(--mut);font-weight:500;font-size:14.5px}
.hv--3 .hv-note{color:rgba(20,20,20,.55)}
.hv--3 .hv-btn{color:#fff;background:#141414;border-radius:999px;height:46px;padding:0 24px} .hv--3 .hv-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.25)}
.hv--3 .hv-link,.hv--3 .hv-ch,.hv--3 .hv-v,.hv--3 .hv-call{color:var(--ink)}
.hv--3 .hv-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.hv--3 .hv-steps__list li,.hv--3 .hv-ex,.hv--3 .hv-ch,.hv--3 .hv-f,.hv--3 .hv-pts li,.hv--3 .hv-flow div,.hv--3 .hv-form__card,.hv--3 .hv-vs__c,.hv--3 .hv-cmp__c{background:#fff;border:2px solid #141414;border-radius:18px}
.hv--3 .hv-steps__list li,.hv--3 .hv-ch,.hv--3 .hv-f{box-shadow:3px 3px 0 #141414}
.hv--3 .hv-steps__list b,.hv--3 .hv-f b,.hv--3 .hv-ch__t b{font-weight:800}
.hv--3 .hv-steps__list p,.hv--3 .hv-ch__d,.hv--3 .hv-f p,.hv--3 .hv-ch__t small,.hv--3 .hv-ex__h span,.hv--3 .hv-cmp__c small,.hv--3 .hv-or{color:var(--mut)}
.hv--3 .hv-n{width:32px;height:32px;border-radius:10px;background:#141414;color:#FFE27A;font-weight:900}
.hv--3 .hv-ill{border-radius:24px}
.hv--3 .hv-steps .hv-ill{max-height:190px;margin:-14px -10px -24px 0}
.hv--3 .hv-ex__row+.hv-ex__row{border-top:2px dashed #e2e2e2}
.hv--3 .hv-ex__row--sun b{background:#C9F0D2;padding:0 6px;border-radius:6px} .hv--3 .hv-neg{color:#9a9aa3}
.hv--3 .hv-ch:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #141414}
.hv--3 .hv-ch__i{border-radius:50%;border:2px solid #141414}
.hv--3 .hv-soc .hv-ill{max-height:220px}
.hv--3 .hv-vs__c--old .hv-big{color:#9a9aa3;text-decoration:line-through;text-decoration-thickness:3px}
.hv--3 .hv-vs__c--old li{color:var(--mut)} .hv--3 .hv-vs__c--old li svg{color:#d43}
.hv--3 .hv-vs__c--new{box-shadow:4px 4px 0 #141414} .hv--3 .hv-vs__c--new .hv-big{font-weight:900} .hv--3 .hv-vs__c--new li svg{color:#1f9a35}
.hv--3 .hv-vs__c .hv-ill{width:160px;max-height:170px;bottom:8px;right:8px;border-radius:16px}
.hv--3 .hv-tag{border-radius:999px;background:#141414;color:#fff} .hv--3 .hv-vs__c--new .hv-tag{background:#1f9a35}
.hv--3 .hv-heat>.container>.hv-box>.hv-ill{max-height:320px}
.hv--3 .hv-flow span{background:#FFD8BD;border-radius:9px} .hv--3 .hv-flow i{color:#141414}
.hv--3 .hv-cmp__c--old b{color:#9a9aa3;text-decoration:line-through} .hv--3 .hv-cmp__c--new{box-shadow:3px 3px 0 #141414} .hv--3 .hv-cmp__c--new b{color:#1f9a35;font-weight:900}
.hv--3 .hv-facts b{font-weight:900}
.hv--3 .hv-sbtn{border-radius:999px;border:2px solid #141414;background:#fff;color:#141414} .hv--3 .hv-sbtn--yt{background:#ff0033;color:#fff}
.hv--3 .hv-vid .hv-ill{max-height:160px}
.hv--3 .hv-v__th{border-radius:16px;border:2px solid #141414;box-shadow:3px 3px 0 #141414} .hv--3 .hv-v__th i{background:#ff0033;color:#fff;border:2px solid #141414}
.hv--3 .hv-v b{font-weight:700}
.hv--3 .hv-f span{background:#E6F98A;border:2px solid #141414;border-radius:10px}
.hv--3 .hv-fw .hv-ill{max-height:300px}
.hv--3 .hv-pts span{border-radius:50%;background:#141414;color:#FFB870}
.hv--3 .hv-form__txt .hv-ill{bottom:-34px;width:230px}
.hv--3 .hv-form__t{font-weight:900;font-size:20px} .hv--3 .hv-inp{border:2px solid #141414;border-radius:14px;color:#141414}
.hv--3 .hv-f-form .hv-btn{background:#1f9a35} .hv--3 .hv-msg a{border-radius:50%;border:2px solid #141414}

/* панель перемикання (лише прев'ю) */
.cph2-none-svbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;display:flex;gap:4px;background:#111;border-radius:14px;padding:5px;box-shadow:0 12px 30px rgba(0,0,0,.3);font:600 13px Montserrat,sans-serif}
.cph2-none-svbar a{color:#cfcfd4;text-decoration:none;padding:9px 14px;border-radius:10px;white-space:nowrap}
.cph2-none-svbar a.is-on{background:#fff;color:#111}

/* фон секцій = точний колір фону ілюстрацій */
.hv--3 .hv-steps .hv-box{background:#fde163}
.hv--3 .hv-soc .hv-box{background:#c0e1fe}
.hv--3 .hv-sun .hv-box{background:#bdf2cf}
.hv--3 .hv-heat .hv-box{background:#fccca7}
.hv--3 .hv-vid .hv-box{background:#dcd3fd}
.hv--3 .hv-fw .hv-box{background:#e0fb75}
.hv--3 .hv-form .hv-box{background:#fda949}
.hv--3 .hv-form__txt .hv-ill{width:200px}
.hv-steps .hv-ill{max-height:150px}
.hv-steps .hv-box{row-gap:16px}

/* ── «Світлий» у кольорах сайту (06.10, Антон: «все в зеленому») — помаранчеві акценти, сірі картки; зелений лише для грошей ── */
.hv--1{--o1:#ff7800;--o2:#ffa600}
.hv--1 h2{text-transform:uppercase;font-weight:800;font-size:24px;letter-spacing:0}
.hv--1 h2 em{color:transparent;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text}
.hv--1 .hv-sun h2 em{color:var(--g);background:none;-webkit-background-clip:initial;background-clip:initial}
.hv--1 .hv-eye::before{background:var(--o1)}
.hv--1 .hv-sun .hv-eye::before{background:var(--g)}
.hv--1 .hv-sun .hv-box,.hv--1 .hv-heat .hv-box,.hv--1 .hv-fw .hv-box{background:linear-gradient(180deg,#ececee,#e6e6e8);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.hv--1 .hv-vs__c--old,.hv--1 .hv-cmp__c--old{background:rgba(255,255,255,.7);border-color:transparent}
.hv--1 .hv-flow div,.hv--1 .hv-f{background:#fff}
.hv--1 .hv-n{width:auto;height:auto;border:0;border-radius:0;font-size:26px;font-weight:800;color:transparent;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text}
.hv--1 .hv-steps__list b{margin-top:6px}
.hv--1 .hv-f span{background:#fff1e3;color:var(--o1)}
.hv--1 .hv-flow span{background:#fff1e3;color:var(--o1)}
.hv--1 .hv-pts span{background:#fff1e3;color:var(--o1);font-weight:800}
.hv--1 .hv-f-form .hv-btn{background:linear-gradient(90deg,var(--o1),var(--o2))}
.hv--1 .hv-f-form .hv-btn:hover{box-shadow:0 6px 20px rgba(255,138,0,.35)}
.hv--1 .hv-form__card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.05)}
.hv--1 .hv-inp{background:#f4f4f5;border-color:transparent}
.hv--1 .hv-ch--price .hv-ch__i{background:linear-gradient(90deg,var(--o1),var(--o2))}
.hv--1 .hv-ex__row--sun b{color:var(--g)}

/* ═════ Мобільна версія «Світлого» (06.10) — свій UX, упор на заявку. Нижче 760px. ═════ */
.hv-mtg{display:none}
.hv-call svg{display:none}
@media (max-width:760px){
  .hv-sec{margin:12px 0}
  .hv-box{padding:20px 16px;border-radius:20px!important}
  .hv--1 h2{font-size:20px;line-height:1.2}
  .hv-lead{font-size:13.5px}
  .hv-eye{font-size:10.5px;margin-bottom:8px}
  .hv-note{font-size:10.5px}
  .hv-acts{flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}
  .hv-btn{height:50px;font-size:15px;width:100%}
  .hv-link{justify-content:center;height:40px}
  .hv-mtg{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:12px;background:#2aabee;color:#fff;font:600 15px Montserrat,sans-serif;text-decoration:none}
  .hv-mtg svg{width:20px;height:20px}
  .hv-mtg:active,.hv-btn:active{transform:scale(.98)}

  /* кроки: заголовок + персонаж, картки свайпом, приклад компактно */
  .hv-steps .hv-box{display:block}
  .hv-steps .hv-head{padding-right:96px;min-height:96px}
  .hv-steps .hv-ill{position:absolute;right:6px;top:14px;max-height:none;width:96px;margin:0}
  .hv-steps__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:14px -16px 0;padding:0 16px 6px;scrollbar-width:none}
  .hv-steps__list::-webkit-scrollbar{display:none}
  .hv-steps__list li{flex:0 0 72%;scroll-snap-align:start;padding:14px}
  .hv-steps__list b{font-size:15px}
  .hv-ex{margin-top:12px;padding:14px}
  .hv-ex__h{flex-direction:column;gap:2px;align-items:flex-start}
  .hv-ex__row{font-size:13px}
  .hv-ex__row--sun{background:#eef9f1;margin:6px -8px 0;padding:10px 8px;border-radius:10px;border:0!important}
  .hv-steps .hv-acts .hv-link{order:3}

  /* соцмережі: Telegram на всю ширину, решта — плитки */
  .hv-soc .hv-box{display:block}
  .hv-soc .hv-ill{position:absolute;right:4px;top:8px;max-height:none;width:84px}
  .hv-soc .hv-head{padding-right:80px}
  .hv-soc__grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
  .hv-ch{grid-template-columns:1fr;grid-template-areas:"i" "t";justify-items:center;text-align:center;padding:12px 6px;gap:6px}
  .hv-ch__d,.hv-ch .hv-ar,.hv-ch__t small{display:none}
  .hv-ch__t b{font-size:12.5px}
  .hv-ch--tg{grid-column:1/-1;grid-template-columns:40px 1fr 20px;grid-template-areas:"i t a";justify-items:start;text-align:left;padding:12px 14px;background:#2aabee!important;color:#fff!important}
  .hv-ch--tg .hv-ch__i{background:rgba(255,255,255,.2)}
  .hv-ch--tg .hv-ch__t small{display:block;color:rgba(255,255,255,.85)!important}
  .hv-ch--tg .hv-ar{display:block;align-self:center;color:#fff}

  /* сонце: «як зазвичай» — однією смугою, «з асіком» — головна картка */
  .hv-sun .hv-head{text-align:left}
  .hv-vs{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .hv-vs__c--old{padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
  .hv-vs__c--old h3{margin:0;font-size:13.5px}
  .hv-vs__c--old .hv-big{margin:0;font-size:16px;text-decoration:line-through}
  .hv-vs__c--old ul{display:none}
  .hv-vs__c--new{padding:16px 14px 16px;padding-right:14px}
  .hv-vs__c--new .hv-ill{position:absolute;right:6px;top:8px;width:92px}
  .hv-vs__c--new h3,.hv-vs__c--new .hv-tag{max-width:65%}
  .hv-big{font-size:30px}
  .hv-vs__c li{font-size:13.5px}
  .hv-sun .hv-acts{margin-top:14px}
  .hv-sun .hv-note{text-align:left}

  /* опалення: картинка невелика, ланцюжок трьома чіпами */
  .hv-heat .hv-box{display:block}
  .hv-heat>.container>.hv-box>.hv-ill{max-height:170px;width:auto;margin:-6px auto 4px}
  .hv-flow{gap:4px}
  .hv-flow div{flex-direction:column;text-align:center;padding:8px 4px;gap:4px}
  .hv-flow b{font-size:11px}
  .hv-flow i svg{width:12px;height:12px}
  .hv-cmp{gap:8px}
  .hv-cmp__c{padding:10px 12px}
  .hv-cmp__c b{font-size:20px}
  .hv-cmp__c span{font-size:11px}
  .hv-facts{font-size:12px;gap:4px 12px}

  /* відео: свайп, кнопки каналів на всю ширину */
  .hv-vid__top{grid-template-columns:1fr;gap:12px}
  .hv-vid .hv-head{padding-right:86px}
  .hv-vid .hv-ill{position:absolute;right:4px;top:6px;width:88px;max-height:none;margin:0}
  .hv-vid__btns{display:grid;grid-template-columns:1fr 1fr}
  .hv-sbtn{justify-content:center;height:46px}
  .hv-vid__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:14px -16px 0;padding:0 16px 4px;scrollbar-width:none}
  .hv-vid__list::-webkit-scrollbar{display:none}
  .hv-v{flex:0 0 74%;scroll-snap-align:start}
  .hv-v b{font-size:13px}

  /* прошивка: 2×2 */
  .hv-fw .hv-box{display:block}
  .hv-fw .hv-head{padding-right:96px}
  .hv-fw .hv-ill{position:absolute;right:2px;top:12px;width:104px;max-height:none}
  .hv-fw__grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .hv-f{padding:12px}
  .hv-f b{font-size:13.5px;margin-top:8px}

  /* заявка: спершу форма, великі поля, месенджери на всю ширину */
  .hv-form .hv-box{display:flex;flex-direction:column;gap:14px}
  .hv-form__txt{order:1;min-height:0;padding:0}
  .hv-form__txt .hv-head{padding-right:104px;min-height:110px}
  .hv-form__txt .hv-ill{right:-6px;top:-6px;bottom:auto;width:112px;max-height:none}
  .hv-form__card{order:2;padding:16px;gap:10px;border-radius:18px}
  .hv-form__t{font-size:16px}
  .hv-pts{order:3;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px!important}
  .hv-pts li{font-size:12px;padding:8px 10px}
  .hv-inp{height:52px}
  .hv-inp input{font-size:16px!important}
  .hv-btn--full{height:54px;font-size:16px}
  .hv-or{flex-direction:column;align-items:stretch;gap:8px;text-align:center}
  .hv-msg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .hv-msg a{width:auto;height:46px;border-radius:12px}
  .hv-call{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;background:#111;color:#fff!important;font-size:14px}
  .hv-call svg{display:block;width:18px;height:18px}
  .cph2-none-svbar{bottom:76px;font-size:11px;max-width:calc(100% - 16px);overflow-x:auto}
  .cph2-none-svbar a{padding:8px 10px}
}
@media (max-width:760px){.hv-form__txt{display:contents}.hv-form__txt .hv-head{order:1;position:relative}.hv-form__txt .hv-ill{position:absolute}.hv-form__txt>.hv-ill{right:-2px;top:8px;bottom:auto;width:104px;z-index:1}}
@media (max-width:760px){.hv-form .hv-box{align-items:stretch}.hv-form__card{width:100%}.hv-call{font-size:15px}}
/* моб.: без свайпів (Антон 06.10) — кроки вертикальним компактним списком, відео рядками */
@media (max-width:760px){
  .hv-steps__list{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;margin:14px 0 0;padding:0;gap:0;background:#f7f7f8;border-radius:16px}
  .hv-steps__list li{flex:none;display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:12px 14px;background:transparent!important;border-radius:0}
  .hv-steps__list li+li{border-top:1px solid #e9e9ec}
  .hv-steps__list .hv-n{grid-row:1/3;font-size:22px;line-height:1.1}
  .hv-steps__list b{margin:0!important;font-size:14.5px}
  .hv-steps__list p{grid-column:2;font-size:12.5px;margin-top:2px!important}
  .hv-vid__list{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;margin:14px 0 0;padding:0;gap:10px}
  .hv-v{flex:none;flex-direction:row;align-items:center;gap:12px}
  .hv-v__th{flex:0 0 128px;border-radius:10px}
  .hv-v__th i{width:30px;height:30px}
  .hv-v__th i svg{width:14px;height:14px}
  .hv-v b{font-size:13px}
  .hv-v:nth-child(n+4){display:none}
}
@media (max-width:760px){.hv--1 .hv-steps__list li{border-radius:0;align-items:start}.hv-steps__list .hv-n{align-self:start;margin-top:2px}}

/* ═════ Мобільна організація головної v2 (06.10) ═════ */
.hvm{display:none}
@media (max-width:760px){
  .cph2-none-svbar{display:none!important}
  .hvm{display:block;font-family:Montserrat,system-ui,sans-serif;color:#141414}
  .section-advantages,.section-featured{display:none!important}
  /* смуга довіри */
  .hvm-trust{margin:12px 0 0}
  .hvm-trust__g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hvm-trust__g div{display:grid;grid-template-columns:32px 1fr;grid-template-areas:"i b" "i s";column-gap:8px;align-items:center;background:#fff;border-radius:14px;padding:10px}
  .hvm-trust__g span{grid-area:i;width:32px;height:32px;border-radius:10px;background:#fff1e3;color:#ff7800;display:grid;place-items:center}
  .hvm-trust__g svg{width:18px;height:18px}
  .hvm-trust__g b{grid-area:b;font-size:12.5px;line-height:1.2}
  .hvm-trust__g small{grid-area:s;font-size:11px;color:#6b6b74;line-height:1.2}
  /* Топ-5 */
  .hvm-top{margin:12px 0}
  .hvm-card{background:#fff;border-radius:20px;padding:18px 14px 16px}
  .hvm-h{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 8px}
  .hvm-h h2{margin:0;font-size:20px;font-weight:800;text-transform:uppercase}
  .hvm-h h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#ff7800,#ffa600);-webkit-background-clip:text;background-clip:text}
  .hvm-h span{font-size:11px;color:#9a9aa3}
  .hvm-list{display:flex;flex-direction:column}
  .hvm-p{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;padding:10px 2px;text-decoration:none;color:#141414}
  .hvm-p+.hvm-p{border-top:1px solid #efeff1}
  .hvm-p__img{width:60px;height:60px;border-radius:12px;background:#f4f4f5;display:grid;place-items:center;overflow:hidden}
  .hvm-p__img img{width:54px;height:54px;object-fit:contain;mix-blend-mode:multiply}
  .hvm-p__m{min-width:0}
  .hvm-p__m b{display:block;font-size:13px;font-weight:700;line-height:1.25}
  .hvm-p__c{display:flex;gap:6px;margin-top:5px;align-items:center}
  .hvm-p__c em{font-style:normal;font-weight:700;font-size:12px;color:#2f9a3f;background:#eaf7ec;border-radius:7px;padding:2px 6px}
  .hvm-p__c em small{font-weight:600;font-size:10px}
  .hvm-p__c i{font-style:normal;font-size:11px;color:#6b6b74}
  .hvm-p__r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
  .hvm-p__r b{font-size:15px;font-weight:800;white-space:nowrap}
  .hvm-p__r small{font-size:10.5px;color:#9a9aa3;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
  .hvm-p__r small.is-kyiv{color:#2f9a3f;font-weight:600}
  .hvm-ua{display:inline-flex;flex-direction:column;width:12px;height:8px;border-radius:2px;overflow:hidden}
  .hvm-ua i{flex:1;background:#2f6fe0} .hvm-ua i+i{background:#ffd400}
  .hvm-acts{display:flex;flex-direction:column;gap:6px;margin-top:12px}
  .hvm-acts .hv-btn{display:flex;align-items:center;justify-content:center;height:50px;border-radius:12px;color:#fff;background:linear-gradient(223deg,#2b2b2b,#000);font:600 15px Montserrat,sans-serif;text-decoration:none}
  .hvm-acts .hv-link{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;font:600 14px Montserrat,sans-serif;color:#141414;text-decoration:none}
  .hvm-acts .hv-link svg{width:16px;height:16px}
  /* допомога з вибором */
  .hvm-help{margin:12px 0}
  .hvm-dark{background:linear-gradient(223deg,#2b2b2b,#141414);border-radius:20px;padding:18px 16px;color:#fff;display:flex;flex-direction:column;gap:10px}
  .hvm-dark>b{font-size:17px;font-weight:700}
  .hvm-dark p{margin:0;font-size:13px;line-height:1.45;color:#c7c7cd}
  .hvm-tg{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:12px;background:#2aabee;color:#fff;font:600 15px Montserrat,sans-serif;text-decoration:none}
  .hvm-tg svg{width:20px;height:20px}
  .hvm-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hvm-two a{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font:600 14px Montserrat,sans-serif;text-decoration:none}
  .hvm-two svg{width:18px;height:18px}
  /* порядок нижніх секцій під телефон */
  .hv{display:flex;flex-direction:column}
  #hv-steps{order:1}#hv-sun{order:2}#hv-heat{order:3}#hv-fw{order:4}#hv-vid{order:5}#hv-soc{order:6}#contact{order:7}
  /* правки після перегляду */
  .hv-vs__c--old{grid-template-columns:1fr auto!important}
  .hv-vs__c--old .hv-tag{display:none}
  .hv-vs__c--old h3{font-size:14px!important}
  .hv-flow{align-items:stretch}
  .hv-flow div{justify-content:flex-start}
  .hv-flow i{align-self:center}
  .hv-cmp__c{justify-content:flex-start}
  .hv-head h2{word-break:normal;overflow-wrap:break-word}
  .hv-fw .hv-head,.hv-vid .hv-head,.hv-soc .hv-head,.hv-steps .hv-head{padding-right:100px}
  .hv-fw .hv-ill{width:96px;top:16px}
}

/* Google 5.0 — без кількості відгуків (Антон 06.10) */
.hv-grev{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #ececee;font-size:12.5px;color:#55555d;line-height:1}
.hv-grev__g{width:15px;height:15px;flex:none}
.hv-grev__s{color:#fbbc05;letter-spacing:1px;font-size:13px}
.hv-grev b{color:#141414;font-weight:700}
.hv-form__card .hv-grev{margin-top:-2px;align-self:flex-start;background:#f7f7f8;border-color:transparent}
.hv-steps .hv-grev{background:#f7f7f8;border-color:transparent}
@media (max-width:760px){.hv-grev{font-size:12px;padding:6px 9px}.hv-grev__s{font-size:12px}}
/* моб.: 3 плитки переваг як на сайті між банером і Топ-5 (Антон 06.10) */
@media (max-width:760px){
  .hvm-adv{margin:12px 0 0}
  .hvm-adv__g{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;padding:14px 6px}
  .hvm-adv__i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-width:0;padding:0 4px}
  .hvm-adv__i+.hvm-adv__i{border-left:1px solid #efeff1}
  .hvm-adv__t{height:30px;display:flex;align-items:center}
  .hvm-adv__t svg{height:26px;width:auto;max-width:100%}
  .hvm-adv__i:last-child .hvm-adv__t svg{height:30px}
  .hvm-adv__d{font-size:12px;font-weight:600;line-height:1.25;color:#141414}
}

/* ═════ Моб. аватари (06.10): свої ілюстрації під телефон, однаковий квадрат з мʼяким колом кольору блоку ═════ */
.hv-mava{display:none}
@media (max-width:760px){
  .hv .hv-ill{display:none!important}
  .hv-head--m{position:relative;padding-right:112px!important;min-height:104px}
  .hv-mava{display:block;position:absolute;right:-4px;top:-6px;width:108px;height:108px;object-fit:contain;
    background:radial-gradient(circle at 50% 56%,#fff1e3 0 58%,rgba(255,241,227,0) 59%)}
  .hv-mava--green{background:radial-gradient(circle at 50% 56%,#e6f6e9 0 58%,rgba(230,246,233,0) 59%)}
  .hv-mava--blue{background:radial-gradient(circle at 50% 56%,#e3f2fd 0 58%,rgba(227,242,253,0) 59%)}
  .hv-mava--red{background:radial-gradient(circle at 50% 56%,#ffe8ea 0 58%,rgba(255,232,234,0) 59%)}
  .hv-sun .hv-head--m{text-align:left}
  .hv-vs__c--new{padding-right:14px!important}
  .hv-vs__c--new h3,.hv-vs__c--new .hv-tag{max-width:none}
  .hv-heat .hv-heat__txt{width:100%}
  .hv-form__txt .hv-head--m{min-height:104px}
}

/* ═════ Моб. ілюстрації v2 (06.10): різні сцени й розміщення ═════ */
.hvm2{display:none}
@media (max-width:760px){
  .hv-mava{display:none!important}
  .hv-head--m{padding-right:0!important;min-height:0}
  .hvm2{display:block;height:auto;pointer-events:none}
  /* кроки: широка сцена між заголовком і списком */
  .hvm2--steps{width:100%;max-height:190px;object-fit:contain;margin:6px 0 -6px}
  .hv-steps .hv-head{padding-right:0;min-height:0}
  /* сонце: сцена на всю ширину у верхній частині картки «З асіком» */
  .hvm2--sun{width:calc(100% + 28px);max-width:none;margin:-16px -14px 6px;object-fit:contain;max-height:180px;background:linear-gradient(180deg,#f0f9f1,#fff)}
  /* опалення: висока картинка праворуч від заголовка */
  #hv-heat .hv-heat__txt{position:relative}
  .hvm2--heat{position:absolute;right:-8px;top:-10px;width:118px;z-index:1}
  #hv-heat .hv-head{padding-right:112px}
  /* прошивка: ракета вилітає за верхній край картки */
  #hv-fw{margin-top:48px}
  #hv-fw .hv-box{overflow:visible}
  .hvm2--fw{position:absolute;right:-4px;top:-62px;width:122px;z-index:2;transform:rotate(4deg)}
  #hv-fw .hv-head{padding-right:112px}
  /* відео: режисер у кріслі ліворуч від кнопок — праворуч від заголовка */
  #hv-vid .hv-head{position:relative;padding-right:118px}
  .hvm2--vid{position:absolute;right:-6px;top:-4px;width:124px}
  /* соцмережі: жонглює іконками */
  #hv-soc .hv-head{position:relative;padding-right:118px}
  .hvm2--soc{position:absolute;right:-8px;top:-10px;width:130px}
  /* заявка: визирає з-за верхнього краю форми */
  .hv-form__card{position:relative;margin-top:130px;overflow:visible}
  .hvm2--form{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% - 8px);width:210px}
  #contact .hv-head{padding-right:0;min-height:0}
}

/* ═════ А: картинки всередині карток (06.10 — нічого не обрізається) ═════ */
@media (max-width:760px){
  #hv-vid .hv-head{padding-right:124px}
  .hvm2--vid{right:0;top:0;width:118px}
  #hv-soc .hv-head{padding-right:124px}
  .hvm2--soc{right:0;top:0;width:120px}
  .hvm2--heat{right:0;top:-4px;width:112px}
  .hvm2--fw{right:2px}
}

/* ═════ Б: серйозний варіант для 30+ (06.10) — реалістичні рендери в акуратних панелях, без «вилітань» ═════ */
.hvb{display:none}
@media (max-width:760px){
  .hv-mb .hvm2{display:none!important}
  .hvb{display:block;height:auto;pointer-events:none;border-radius:16px;background:linear-gradient(180deg,#f4f4f5,#ececee);object-fit:contain}
  .hv-mb .hv-head{padding-right:0;min-height:0;position:relative}
  /* кроки: консультант з планшетом — панель на всю ширину між заголовком і кроками */
  .hvb--steps{width:100%;height:180px;margin:14px 0 2px}
  /* сонце: дах з панелями й асіком — зверху картки «З асіком» */
  .hvb--sun{width:calc(100% + 28px);max-width:none;height:170px;margin:-16px -14px 10px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#eef7ef,#f8fbf8)}
  /* опалення: котельня — вертикальна панель праворуч від тексту */
  #hv-heat .hv-heat__txt{position:relative}
  .hv-mb #hv-heat .hv-head{padding-right:118px}
  .hvb--heat{position:absolute;right:0;top:0;width:106px;height:150px;background:linear-gradient(180deg,#fbf3ea,#f6efe8)}
  /* прошивка: асік і ноутбук — квадратна панель праворуч */
  .hv-mb #hv-fw{margin-top:12px}
  .hv-mb #hv-fw .hv-box{overflow:hidden}
  .hv-mb #hv-fw .hv-head{padding-right:118px}
  .hvb--fw{position:absolute;right:0;top:0;width:106px;height:106px;background:#fff}
  /* відео і соцмережі: панелі праворуч від заголовка */
  .hv-mb #hv-vid .hv-head,.hv-mb #hv-soc .hv-head{padding-right:112px}
  .hvb--vid,.hvb--soc{position:absolute;right:0;top:0;width:100px;height:100px}
  /* заявка: консультант на звʼязку — панель угорі форми, без виглядання */
  .hv-mb .hv-form__card{margin-top:0}
  .hvb--form{width:100%;height:150px;margin-bottom:4px;background:linear-gradient(180deg,#fff6ec,#fffaf5)}
}
@media (max-width:760px){.hvb--fw,.hvb--vid,.hvb--soc{top:18px!important;right:16px!important}}

/* 06.10 Антон: прибрати надписи з крапкою над заголовками («З чого почати» тощо) — «одразу видно, що робив ІІ» */
.hv .hv-eye{display:none!important}

/* 06.10 Антон: кроки 1–4 одразу під заголовком, персонаж — між кроками і прикладом (праворуч від прикладу над кнопками), більший */
@media (min-width:761px){
  .hv-steps .hv-box{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head head" "list list" "ex ill" "ex acts";grid-template-rows:auto auto 1fr auto;row-gap:20px}
  .hv-steps .hv-head{margin-bottom:0}
  .hv-steps .hv-ill{grid-area:ill;max-height:none;height:210px;width:auto;justify-self:center;align-self:end;margin:-6px 0 -14px}
  .hv-steps .hv-acts{gap:10px}
}
@media (min-width:761px){
  .hv-steps .hv-ex{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
  .hv-steps .hv-ex__row{padding-top:10px;padding-bottom:10px}
}
/* 06.10 Антон: «сильно большой» — компактніше «Як почати» */
@media (min-width:761px){
  .hv-steps .hv-box{padding:24px 28px;row-gap:14px;column-gap:20px;grid-template-columns:minmax(0,1fr) 250px}
  .hv-steps .hv-lead{margin-top:4px}
  .hv-steps__list{gap:10px}
  .hv-steps__list li{padding:12px 14px}
  .hv--1 .hv-n{font-size:20px}
  .hv--1 .hv-steps__list b{margin-top:2px;font-size:14px}
  .hv-steps__list p{font-size:12px;line-height:1.4}
  .hv-steps .hv-ex{padding:12px 16px}
  .hv-steps .hv-ex__row{padding-top:6px;padding-bottom:6px;font-size:13px}
  .hv-steps .hv-ill{height:140px;margin:-4px 0 -10px}
  .hv-steps .hv-acts .hv-btn{height:40px}
}
/* 06.10 Антон: номер і назва кроку в один рядок, текст більший */
@media (min-width:761px){
  .hv-steps__list li{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;padding:14px 16px}
  .hv--1 .hv-n{font-size:22px;line-height:1}
  .hv--1 .hv-steps__list b{margin:0;font-size:16px;line-height:1.2}
  .hv-steps__list p{grid-column:1/-1;font-size:13.5px;line-height:1.45;margin-top:8px!important}
}
@media (min-width:761px){.hv-steps__list li{align-content:start}}
/* 06.10 Антон: персонаж +50% (140→210), блок гармонізовано — приклад крупніший і на всю висоту правої колонки */
@media (min-width:761px){
  .hv-steps .hv-box{grid-template-columns:minmax(0,1fr) 270px}
  .hv-steps .hv-ill{height:210px;margin:-6px 0 -8px}
  .hv-steps .hv-ex{padding:16px 20px}
  .hv-steps .hv-ex__h b{font-size:15px}
  .hv-steps .hv-ex__h span{font-size:12.5px}
  .hv-steps .hv-ex__row{font-size:14px;padding-top:9px;padding-bottom:9px}
  .hv-steps .hv-ex__row b{font-size:16px}
  .hv-steps .hv-acts .hv-btn{height:44px}
}

/* 06.10 Антон: «Ми в соцмережах» у старому стилі сайту (банер з табами), модернізований. Мобілка — як була (.hv-soc). */
.sb2{display:none}
@media (min-width:761px){
  .hv .hv-soc{display:none}
  .sb2{display:block;margin:24px 0!important;padding:0!important;font-family:Montserrat,sans-serif}
  .sb2 .banners-content{position:relative}
  .sb2-h{position:absolute;left:40px;top:34px;z-index:3;color:#fff;pointer-events:none}
  .sb2-h h2{margin:0;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:0;color:#fff}
  .sb2-h p{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.85)}
  .sb2 .banner-tabs{top:112px;left:40px;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
  .sb2 .btn-banner{height:38px;width:auto;min-width:0;padding:0 18px!important;border-radius:10px;background:transparent;color:#fff;opacity:1!important;font-size:13.5px!important;font-weight:600;border:0;box-shadow:none;transition:all .2s}
  .sb2 .btn-banner:hover{background:rgba(255,255,255,.15)}
  .sb2 .btn-banner.active{background:#fff;color:#141414;box-shadow:0 4px 12px rgba(0,0,0,.12)}
  .sb2 .banner-content{border-radius:24px;overflow:hidden;min-height:330px;box-shadow:0 12px 32px rgba(0,0,0,.06)}
  .sb2 .banner-content::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 110%,rgba(255,255,255,.18),transparent 60%);pointer-events:none}
  .sb2 .banner-content>img{right:70px;height:calc(100% - 24px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}
  .sb2 .banner-caption{position:relative;padding:178px 0 34px 40px}
  .sb2 .banner-description table{width:auto!important;margin:0}
  .sb2 .banner-description table tbody tr:nth-child(1){display:flex;align-items:center;gap:8px}
  .sb2 .banner-description table tbody tr:nth-child(1) img{width:22px!important;height:22px}
  .sb2 .banner-description td{padding:0;border:0}
  .sb2 .banner-description td p{margin:0}
  .sb2 .banner-description td span{font-size:14px;font-weight:600;color:rgba(255,255,255,.9)}
  .sb2 .banner-description table h3{margin:6px 0 0;font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
  .sb2 .banner-contact-block{display:flex;align-items:center;gap:20px;margin-top:18px}
  .sb2 .banner-contact-text{font-size:14px;max-width:250px;color:rgba(255,255,255,.9);line-height:1.4}
  .sb2 .btn-banner-item{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:12px;background:#fff;color:#141414;font-weight:600;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:all .2s;width:auto}
  .sb2 .btn-banner-item:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.18);background:#fff;color:#141414}
  .sb2-ar{width:16px;height:16px}
}
@media (min-width:761px){
  .sb2 .banner-caption{padding:172px 0 32px 40px}
  .sb2 .banner-description table,.sb2 .banner-description table tbody{display:block}
  .sb2 .banner-description table tbody tr{display:block;margin:0}
  .sb2 .banner-description table tbody tr:nth-child(1){display:flex}
  .sb2 .banner-description table h3,.sb2 .banner-description table h3 span{display:block;margin:8px 0 0!important;font-size:34px!important;font-weight:800!important;line-height:1.1!important;color:#fff}
  .sb2 .banner-contact-block{margin-top:16px}
}
@media (min-width:761px){.sb2 .banner-caption{padding-top:190px}}
/* 06.10 Антон: «Як почати» без прикладу — компактніше: заголовок+кнопки | персонаж, під ними 4 кроки */
@media (min-width:761px){
  .hv-steps .hv-ex{display:none}
  .hv-steps .hv-box{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"head ill" "acts ill" "list list";grid-template-rows:auto 1fr auto;row-gap:16px;column-gap:24px;padding:26px 32px 28px}
  .hv-steps .hv-ill{grid-area:ill;height:190px;align-self:center;justify-self:end;margin:-10px 0 -6px}
  .hv-steps .hv-acts{grid-area:acts;flex-direction:row;align-items:center;align-self:start;gap:18px}
  .hv-steps .hv-acts .hv-btn{height:44px}
  .hv-steps__list{margin-top:4px}
}
@media (min-width:761px){.hv-steps .hv-ill{height:168px;margin:-12px 0 -30px;position:relative;z-index:1}.hv-steps .hv-box{row-gap:14px}}
/* 06.10 Антон: персонаж «Як почати» на весь зріст (st_stand), праворуч на всю висоту блоку, вказує на заголовок */
@media (min-width:761px){
  .hv-steps .hv-box{grid-template-columns:minmax(0,1fr) 170px;grid-template-areas:"head ill" "acts ill" "list ill";grid-template-rows:auto auto 1fr;row-gap:14px;column-gap:20px}
  .hv-steps .hv-ill{content:url(/image/catalog/home2/st_stand.webp?v=1);height:262px;width:auto;max-height:none;align-self:end;justify-self:center;margin:0;position:static}
  .hv-steps__list{gap:10px}
}
/* 06.10 Антон: на мобілці всі заголовки блоків — по центру (усі варіанти) */
@media (max-width:760px){
  .hv h2,.hvm h2,.hvm-h,.hv .hv-head,.hv .hv-lead,.sb2-h{text-align:center!important}
  .hv .hv-head{padding-right:0!important;min-height:0!important}
  .hvm-h{flex-direction:column;align-items:center;gap:2px}
}
@media (max-width:760px){
  .hv .hvm2--soc,.hv .hvm2--fw,.hv .hvm2--vid,.hv .hvm2--heat{position:static!important;display:block!important;float:none!important;width:150px!important;height:auto!important;max-width:none!important;margin:0 auto 8px!important;transform:none!important;inset:auto!important}
  .hv .hv-steps .hv-head,.hv .hv-fw .hv-head,.hv .hv-vid .hv-head,.hv .hv-heat .hv-head,.hv .hv-soc .hv-head{padding-right:0!important}
}
/* 06.10 Антон «тексти криві» — мобільна типографіка (усі варіанти) */
@media (max-width:760px){
  .hv h2,.hvm h2,.sb2-h h2{font-size:22px!important;line-height:1.18!important;letter-spacing:-.005em!important;text-wrap:balance}
  .hv h2 em,.hvm h2 em{display:block}
  .hv .hv-lead,.hv p,.hv small,.hv li,.hvm-p b,.hv .w1-cap b{text-wrap:pretty}
  .hv .hv-lead{font-size:14.5px!important;line-height:1.5!important;max-width:330px;margin-left:auto!important;margin-right:auto!important}
  .hv .hv-note{text-align:center;max-width:320px;margin-left:auto;margin-right:auto}
  .hvm-h span{font-size:12.5px}
  .hvm-p b{font-size:14.5px;line-height:1.25}
  .hvm-p__c{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}
  .hvm-p__c em{font-style:normal} .hvm-p__c i{font-style:normal;font-size:12.5px;color:#6b6b74}
  .hvm-p__r small{white-space:nowrap}
}
@media (max-width:760px){
  .hvm-h h2 em{display:inline}
  .hvm-p__c{flex-direction:column;align-items:flex-start;gap:4px}
  .hvm-p b{font-size:15.5px}
  .hvm-p__c i{font-size:12px}
}
@media (max-width:760px){.hvm-p__c i{white-space:nowrap}}
@media (max-width:760px){.hv .hv-facts{justify-content:center;text-align:center}}
@media (max-width:760px){.hvm-p b{font-size:14.5px!important;line-height:1.25}}
/* 06.10 Антон: описи під заголовками карток — з великої літери (усі ширини) */
.fl1-src small::first-letter,.fl1-c small::first-letter,.fl1-o small::first-letter,.tgx-b small::first-letter,.fw2-list small::first-letter,.fw-f small::first-letter,
.kx-ex__old span::first-letter,.kx-ch small::first-letter,.tk3-s small::first-letter,.w2-d::first-letter,.hx2-c small::first-letter{text-transform:uppercase}
.fl1-src small,.fl1-c small,.fl1-o small,.tgx-b small,.fw2-list small,.fw-f small,.kx-ch small,.tk3-s small{display:block}

/* ── ht.css ── */
/* Топ-5 на десктопі — 3 варіанти в мові нового низу головної (06.10). Лише ≥761px; мобілка — список .hvm-top. */
.ht-old{display:none!important}
.ht-wrap .hv-sec{margin:28px 0 0}
.ht-wrap+.section-featured+*{margin-top:0}
.ht .hv-box{padding:30px 32px 22px}
.ht-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.ht-top .hv-head{margin:0}
.ht-top .hv-acts{margin:0;flex-shrink:0;display:flex;align-items:center;gap:18px}
.ht .hv-note{margin:14px 0 0;font-size:11.5px}
.ht-g{color:var(--g)!important}
.ht-uah{display:block;font-size:11px;color:#9a9aa3;font-weight:500}
.ht-usd{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ht-st{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#6b6b74;white-space:nowrap}
.ht-st i{width:7px;height:7px;border-radius:50%;background:#c0c0c6}
.ht-st.is-ky{color:#2f8a3c}
.ht-flag{width:15px;height:10px;border-radius:2px}
.ht-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border:0;border-radius:12px;cursor:pointer;
  font:600 14px Montserrat,sans-serif;color:#fff;background:linear-gradient(255deg,#56cc5b,#52ad56);transition:all .2s}
.ht-buy svg{width:18px;height:18px}
.ht-buy:hover{box-shadow:0 6px 18px rgba(82,173,86,.35);transform:translateY(-1px)}
.ht-buy--s{height:38px;padding:0 14px;font-size:13px}
.ht-fav{width:42px;height:42px;flex-shrink:0;border-radius:12px;border:1px solid var(--line);background:#fff;color:#55555d;cursor:pointer;display:grid;place-items:center;transition:all .2s}
.ht-fav svg{width:19px;height:19px}
.ht-fav:hover{color:var(--o1);border-color:#ffd2a8}
.ht-inc,.ht-kw{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border-radius:10px;line-height:1.15}
.ht-inc{background:#eef9f1} .ht-inc b{color:var(--g);font-size:14px} .ht-kw{background:#fff} .ht-kw b{font-size:14px;color:var(--ink)}
.ht-inc small,.ht-kw small{font-size:10px;color:#8b8b95;font-weight:500}

/* ── Т1 «Картки сайту» ── */
.ht1-g{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ht1-c{position:relative;display:flex;flex-direction:column;background:#f7f7f8;border-radius:16px;padding:14px;border:1px solid transparent;transition:all .2s}
.ht1-c:hover{background:#fff;border-color:var(--line);box-shadow:0 12px 28px rgba(0,0,0,.07)}
.ht1-n{position:absolute;left:14px;top:12px;font-size:22px;font-weight:800;line-height:1;color:transparent;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text;z-index:1}
.ht1-tag{position:absolute;right:12px;top:12px;font-size:10px;font-weight:700;padding:4px 8px;border-radius:999px;background:#fff1e3;color:#c25e00;z-index:1}
.ht1-img{display:block;margin:0 0 6px;height:170px;border-radius:12px;background:#fff}
.ht1-img img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .3s}
.ht1-c:hover .ht1-img img{transform:scale(1.04)}
.ht1-t{text-decoration:none;color:var(--ink);margin:6px 0 10px;min-height:38px}
.ht1-t b{display:block;font-size:14px;font-weight:700;line-height:1.25}
.ht1-t small{font-size:12px;color:var(--mut)}
.ht1-pills{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ht1-pr{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:12px 0 10px}
.ht1-pr .ht-uah{width:100%}
.ht1-b{display:flex;gap:8px;margin-top:auto}
.ht1-b .ht-buy{flex:1}

/* ── Т2 «Лідер + список» ── */
.ht2-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ht2-lead{position:relative;display:grid;grid-template-columns:190px 1fr;gap:20px;background:#f7f7f8;border-radius:18px;padding:20px}
.ht2-badge{position:absolute;left:20px;top:18px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(90deg,var(--o1),var(--o2));z-index:1}
.ht2-badge svg{width:15px;height:14px}
.ht2-img{display:block;background:#fff;border-radius:14px;padding:40px 10px 10px}
.ht2-img img{width:100%;height:100%;object-fit:contain}
.ht2-info{display:flex;flex-direction:column}
.ht2-t{text-decoration:none;color:var(--ink)}
.ht2-t b{display:block;font-size:19px;font-weight:800;line-height:1.2}
.ht2-t small{font-size:12px;color:var(--mut)}
.ht2-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px}
.ht2-nums div{background:#fff;border-radius:12px;padding:9px 10px}
.ht2-nums small{display:block;font-size:10.5px;color:var(--mut)}
.ht2-nums b{font-size:17px;font-weight:800}
.ht2-ex{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;font-size:12.5px;color:#55555d;background:#fff;border-radius:12px;padding:10px 12px}
.ht2-ex b{text-align:right;font-size:13.5px;color:var(--ink)}
.ht2-ex__sun{color:#2f8a3c;font-weight:600}
.ht2-pr{display:flex;align-items:flex-end;justify-content:space-between;margin:14px 0 12px}
.ht2-pr .ht-usd{font-size:26px}
.ht2-b{display:flex;gap:8px;margin-top:auto}
.ht2-b .ht-buy{flex:1;height:46px}
.ht2-calc{display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:13.5px;text-decoration:none}
.ht2-calc svg{width:18px;height:18px;color:var(--o1)}
.ht2-calc:hover{border-color:#ffd2a8}
.ht2-list{display:flex;flex-direction:column;gap:8px}
.ht2-r{flex:1;display:grid;grid-template-columns:26px 60px 1fr auto auto 16px;align-items:center;gap:12px;padding:8px 14px 8px 12px;border-radius:14px;background:#f7f7f8;border:1px solid transparent;text-decoration:none;color:var(--ink);transition:all .2s}
.ht2-r:hover{background:#fff;border-color:var(--line);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.ht2-r__n{font-size:18px;font-weight:800;color:transparent;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text}
.ht2-r__img{width:64px;height:64px;border-radius:10px;background:#fff}
.ht2-r__img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ht2-r__t b{display:block;font-size:14px;font-weight:700;white-space:nowrap}
.ht2-r__t small,.ht2-r__inc small{font-size:11.5px;color:var(--mut)}
.ht2-r__inc{text-align:right} .ht2-r__inc b{display:block;font-size:16px;font-weight:800}
.ht2-r__pr{display:flex;flex-direction:column;align-items:flex-end;min-width:108px;padding-left:12px;border-left:1px solid var(--line)}
.ht2-r__pr b{font-size:16px;font-weight:800}
.ht2-r__ar svg{width:18px;height:18px;color:#b0b0b8;transition:transform .2s}
.ht2-r:hover .ht2-r__ar svg{transform:translateX(3px);color:var(--o1)}

/* ── Т3 «Порівняння» ── */
.ht3-t{display:flex;flex-direction:column;gap:6px}
.ht3-r{display:grid;grid-template-columns:40px minmax(250px,1.6fr) 1fr 1.15fr .8fr .9fr 1fr 110px;align-items:center;gap:14px;padding:8px 14px;border-radius:14px;background:#f7f7f8;border:1px solid transparent;transition:all .2s}
.ht3-r:not(.ht3-th):hover{background:#fff;border-color:var(--line);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.ht3-r.is-1{background:#fff;border:1.5px solid #ffc98f;box-shadow:0 8px 22px rgba(255,120,0,.08)}
.ht3-th{background:none;padding:0 14px 2px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9a9aa3}
.ht3-n{font-size:20px;font-weight:800;color:transparent;background:linear-gradient(90deg,var(--o1),var(--o2));-webkit-background-clip:text;background-clip:text}
.ht3-m{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.ht3-img{width:58px;height:58px;flex-shrink:0;border-radius:10px;background:#fff}
.ht3-r.is-1 .ht3-img{background:#f7f7f8}
.ht3-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ht3-m b{display:block;font-size:14px;font-weight:700}
.ht3-m small,.ht3-a small,.ht3-pr small{display:block;font-size:11.5px;color:var(--mut);font-weight:500}
.ht3-a{font-size:13px;font-weight:600;color:#3a3a40}
.ht3-inc b{display:block;font-size:16px;font-weight:800}
.ht3-inc small{font-size:11.5px;color:var(--mut)}
.ht3-inc i{display:block;height:5px;margin-top:5px;border-radius:3px;background:#e6e6ea;position:relative;overflow:hidden;max-width:120px}
.ht3-inc i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--g);border-radius:3px}
.ht3-kw{font-size:14px;font-weight:600}
.ht3-pr b{font-size:16px;font-weight:800}
.ht3-b .ht-buy{width:100%}

@media (max-width:1199px){
  .ht-top{flex-direction:column;align-items:flex-start}
  .ht1-g{grid-template-columns:repeat(3,1fr)}
  .ht2-g{grid-template-columns:1fr}
  .ht3-a{display:none}.ht3-r{grid-template-columns:36px minmax(220px,1.6fr) 1.1fr .8fr .9fr 1fr 104px}
}
@media (max-width:760px){.ht-wrap{display:none}}
.ht2-r__inc small{white-space:nowrap}
/* Т1: карточка цілком біла, фото без окремої плашки (Антон 06.10 — «не подобається білий фон як картка») */
.ht1-c{background:#fff;border:1px solid var(--line)}
.ht1-c:hover{border-color:#dcdce2}
.ht1-img{background:none;border-radius:0;height:180px}
.ht1-img img{padding:0}
.ht1-c .ht-kw{background:#f4f4f5}
.ht1-c .ht-fav{background:#f4f4f5;border-color:transparent}
.ht1-c{border-color:transparent;padding:14px 10px}
.ht1-c:hover{border-color:transparent}

/* ── 06.10: варіанти заголовка Т1 ── */
.hth{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.hth h2{margin:0}
.hth-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 16px;border-radius:999px;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(90deg,var(--o1),var(--o2));box-shadow:0 6px 18px rgba(255,120,0,.28)}
.hth-pill svg{width:18px;height:16px}
.hth-all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--ink);text-decoration:none}
.hth-all svg{width:16px;height:16px;transition:transform .2s} .hth-all:hover svg{transform:translateX(3px);color:var(--o1)}
/* A — як стара шапка сайту: чорний UPPERCASE + помаранчева пігулка з короною */
.hv--1 .hth--a h2{font-size:26px;color:var(--ink)}
/* B — мінімал: один рядок, без пігулок, справа текстові посилання */
.hth--b{justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hv--1 .hth--b h2{font-size:22px}
.hth--b nav{display:flex;align-items:center;gap:22px}
.hth--b nav a{font-size:14px;font-weight:600;color:var(--mut);text-decoration:none} .hth--b nav a:hover{color:var(--ink)}
.hth--b nav .hth-all{color:var(--ink);margin:0}
/* C — по центру: пігулка над заголовком, короткий підзаголовок, кнопки під картками */
.hth--c{flex-direction:column;gap:10px;text-align:center;margin-bottom:26px}
.hv--1 .hth--c h2{font-size:28px}
.hth--c p{margin:0;color:var(--mut);font-size:14.5px}
.hth--c .hth-pill{height:30px;font-size:12.5px;padding:0 14px}
.hth-foot{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:22px}
.ht .hth-foot+.hv-note{text-align:center}
/* 06.10 Антон: Топ-5 «сильно большой» — компактніше */
.ht .hv-box{padding:24px 28px 18px}
.hth{margin-bottom:14px} .hv--1 .hth--a h2{font-size:24px} .hth-pill{height:30px;font-size:13px}
.ht1-g{gap:10px}
.ht1-c{padding:10px 8px}
.ht1-img{height:130px;margin:0 0 4px}
.ht1-t{margin:4px 0 8px;min-height:0}
.ht1-t b{font-size:13.5px}
.ht1-t small{font-size:11.5px}
.ht-inc,.ht-kw{padding:5px 4px} .ht-inc b,.ht-kw b{font-size:13px}
.ht1-pr{margin:8px 0}
.ht1-c .ht-usd{font-size:19px}
.ht1-c .ht-buy{height:38px;font-size:13.5px}
.ht1-c .ht-fav{width:38px;height:38px}
.ht .hv-note{margin-top:8px}
/* 06.10 стікери на картках Топ-5: Хіт (S21 Pro+), Опалення (Hydro), ТОП-1 (Z15 Pro) */
.ht1-c{position:relative}
.ht-stk{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px 0 8px;border-radius:9px;
  font:800 11.5px/1 Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;transform:rotate(-4deg);
  box-shadow:0 6px 14px -4px var(--sh),inset 0 1px 0 rgba(255,255,255,.35)}
.ht-stk svg{width:14px;height:14px;flex-shrink:0}
.ht-stk::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%);pointer-events:none}
.ht-stk--hit{background:linear-gradient(100deg,#ff5a1f,#ff9500);--sh:rgba(255,90,31,.55)}
.ht-stk--heat{background:linear-gradient(100deg,#e5293f,#ff6a3d);--sh:rgba(229,41,63,.5)}
.ht-stk--top{background:linear-gradient(100deg,#1d1d22,#3a3a42);color:#ffcc3d;--sh:rgba(0,0,0,.45);transform:rotate(3deg)}
.ht-stk--top svg{width:15px;height:13px}
.ht1-c:hover .ht-stk{transform:rotate(0) scale(1.05);transition:transform .2s}
/* 06.10 Антон: стікери «в стилі сайту» — як пігулка «Жовтень» / .cg-badge сайту: помаранчевий градієнт, білий 700, без нахилу й капсу */
.ht-stk,.ht-stk--top,.ht1-c:hover .ht-stk{transform:none}
.ht-stk{left:10px;top:10px;height:26px;padding:0 11px 0 9px;gap:5px;border-radius:999px;font:700 12px/1 Montserrat,sans-serif;letter-spacing:0;text-transform:none;color:#fff;
  background:linear-gradient(90deg,#ff7800 0%,#ffa600 100%)!important;box-shadow:0 6px 16px rgba(255,138,0,.35)}
.ht-stk::after{display:none}
.ht-stk--top{color:#fff}
.ht-stk svg,.ht-stk--top svg{width:13px;height:13px}
/* 06.10 Антон: назва + хешрейт одним рядком, шрифт менший — картка нижча */
.ht1-t{margin:4px 0 8px}
.ht1-t b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
/* 06.10 Антон: «Весь каталог» — чорна кнопка, як «Порахувати свій дохід» */
.hth .hth-all,.hth--b nav .hth-all{height:40px;padding:0 18px;border-radius:12px;color:#fff;background:linear-gradient(223deg,#2b2b2b,#000);font-size:14px;font-weight:600}
.hth .hth-all:hover{background:linear-gradient(223deg,#4c4c4c,#373535);color:#fff}
.hth .hth-all:hover svg{color:#fff}

/* ── sx.css ── */
/* 06.10 блок «надлишок сонця» — 3 варіанти (десктоп ≥761; мобілка поки стара .hv-sun) */
.sx{display:none}
@media (min-width:761px){
.hv .hv-sun{display:none}
.sx{display:block}
.sx .hv-box{padding:30px 36px 22px}
.sx h2 em{color:var(--g)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.sx .hv-lead{max-width:640px;font-size:14.5px;line-height:1.5}
.sx .hv-acts{display:flex;align-items:center;gap:22px;margin-top:20px}
.sx .hv-note{margin-top:12px;font-size:11.5px;color:#9a9aa3}
.sx-tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:#ececee;color:#55555d}
.sx-big{font-size:34px;font-weight:800;line-height:1.1;margin-top:10px;letter-spacing:-.01em}
.sx ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.sx li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.35}
.sx li svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}

/* S1 */
.sx1 .hv-box{background:linear-gradient(180deg,#ececee,#e6e6e8);border-color:transparent}
.sx1-top{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:20px}
.sx1-ill{width:100%;margin:-24px 0 -30px;max-height:230px;object-fit:contain}
.sx1-vs{display:grid;grid-template-columns:1fr 44px 1fr;align-items:stretch;gap:0;margin-top:14px}
.sx1-c{border-radius:18px;padding:20px 22px}
.sx1-c p{margin:2px 0 0;font-size:13px;color:#6b6b74}
.sx1-c--old{background:rgba(255,255,255,.6)}
.sx1-c--old .sx-big{color:#9a9aa3;text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:#e5484d}
.sx1-c--old li{color:#77777f} .sx1-c--old li svg{color:#e5484d}
.sx1-c--new{background:#fff;border:1.5px solid var(--g);box-shadow:0 12px 28px rgba(63,179,79,.12)}
.sx1-c--new .sx-tag{background:#eef9f1;color:#2f8a3c} .sx1-c--new .sx-big{color:var(--g)} .sx1-c--new li svg{color:var(--g)}
.sx1-arr{display:grid;place-items:center} .sx1-arr svg{width:26px;height:26px;color:var(--o1)}

/* S2 */
.sx2-g{display:grid;grid-template-columns:1fr 470px;gap:24px;align-items:center}
.sx2-ill{width:100%;max-height:300px;object-fit:contain;margin:-10px 0}
.sx2-ex{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.sx2-ex div{background:#f7f7f8;border-radius:14px;padding:12px 14px}
.sx2-ex small{display:block;font-size:11.5px;color:#6b6b74}
.sx2-ex b{font-size:15px;font-weight:800}
.sx2-ex .sx2-ex__w{background:#eef9f1} .sx2-ex__w b{color:var(--g);font-size:18px}
.sx2-flow{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.sx2-s{flex:1;display:flex;align-items:center;gap:10px;background:#f7f7f8;border-radius:14px;padding:10px 12px}
.sx2-s span{width:34px;height:34px;border-radius:10px;background:#fff1e3;color:var(--o1);display:grid;place-items:center;flex-shrink:0}
.sx2-s span svg{width:19px;height:19px}
.sx2-s b{display:block;font-size:13.5px} .sx2-s small{display:block;font-size:11px;color:#6b6b74}
.sx2-s.is-hot{background:#fdeeee} .sx2-s.is-hot span{background:#e5484d;color:#fff} .sx2-s.is-hot small{color:#c4363b;font-weight:600}
.sx2-s.is-win{background:#eef9f1} .sx2-s.is-win span{background:var(--g);color:#fff}
.sx2-ar svg{width:16px;height:16px;color:#c0c0c6;display:block}

/* S3 */
.sx3 .hv-box{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;background:linear-gradient(180deg,#ececee,#e6e6e8);border-color:transparent}
.sx3-ill{width:100%;max-height:400px;object-fit:contain;margin:-10px 0 -20px}
.sx3-g{display:grid;grid-template-columns:240px 1fr;gap:12px;margin-top:18px}
.sx3-big{background:#fff;border:1.5px solid var(--g);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 28px rgba(63,179,79,.12)}
.sx3-big b{font-size:44px;font-weight:800;color:var(--g);line-height:1;letter-spacing:-.02em}
.sx3-big span{margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.35}
.sx3-big small{margin-top:10px;font-size:12px;color:#2f8a3c;font-weight:600}
.sx3-t{background:rgba(255,255,255,.7);border-radius:18px;padding:8px 18px}
.sx3-r{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}
.sx3-r+.sx3-r{border-top:1px solid #e3e3e6}
.sx3-r b{font-size:15px}
.sx3-r.is-sum b{color:var(--g);font-size:17px}
.sx3-r:nth-child(3) b{color:#c4363b}
}
@media (min-width:761px){
  .sx1-top{grid-template-columns:1fr 300px;align-items:end}
  .sx1-ill{max-height:190px;margin:-8px 0 -26px;position:relative;z-index:1;justify-self:end}
  .sx1-vs{margin-top:0}
}
@media (min-width:761px){
  .sx1 .hv-box{position:relative}
  .sx1-top{display:block;margin-bottom:18px;padding-right:300px}
  .sx1-ill{position:absolute;right:30px;top:14px;height:200px;max-height:none;width:auto;margin:0}
  .sx1-vs{position:relative;z-index:2}
}
@media (min-width:761px){
  .sx1-top{padding-right:0;margin-bottom:18px}
  .sx1-vs{grid-template-columns:1fr 40px 1fr 300px;column-gap:0}
  .sx1-ill{position:static;height:auto;width:100%;max-height:240px;align-self:center;margin:0 0 0 14px;object-fit:contain}
}
@media (min-width:761px){.sx2 h2 em{display:block}}
@media (min-width:761px){.sx2-ex em{display:block;font-style:normal;font-size:12px;font-weight:600;color:#2f8a3c;margin-top:2px}}
/* 06.10 Антон: зелена картка «Асік перетворює їх на» — чітка ієрархія замість злитого тексту */
@media (min-width:761px){
  .sx2-ex{grid-template-columns:.85fr 1.15fr;align-items:stretch}
  .sx2-ex>div{display:flex;flex-direction:column;justify-content:center}
  .sx2-ex .sx2-ex__w{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35);padding:12px 16px}
  .sx2-ex__w>small{color:#2f8a3c;font-weight:600}
  .sx2-w{display:flex;align-items:center;gap:16px;margin-top:6px}
  .sx2-w__m{display:flex;align-items:baseline;gap:6px;padding-right:16px;border-right:1px solid rgba(63,179,79,.3)}
  .sx2-w__m b{font-size:30px!important;line-height:1;color:var(--g);letter-spacing:-.02em}
  .sx2-w__m span{font-size:12.5px;font-weight:600;color:#2f8a3c}
  .sx2-w__s{display:flex;flex-direction:column;gap:4px}
  .sx2-w__s span{display:flex;align-items:baseline;gap:6px;font-size:12px;color:#55555d;white-space:nowrap}
  .sx2-w__s b{font-size:14px!important;color:#141414}
}
@media (min-width:761px){
  .sx2-ex .sx2-w,.sx2-ex .sx2-w div{background:none;padding:0;border-radius:0;display:flex}
  .sx2-ex .sx2-w__m{flex-direction:row;padding-right:16px}
  .sx2-ex .sx2-w__s{flex-direction:column}
  .sx2-w__m span{white-space:nowrap}
  .sx2-ex{grid-template-columns:1fr 1.25fr}
  .sx2-ex>div:first-child b{font-size:14.5px}
}
@media (min-width:761px){.sx2-ex .sx2-w{align-items:stretch}.sx2-ex .sx2-w .sx2-w__m{padding-right:18px!important;align-items:center}.sx2-ex .sx2-w .sx2-w__s{justify-content:center}}
@media (min-width:761px){.sx2-ex{grid-template-columns:.95fr 1.35fr}.sx2-w__m b{white-space:nowrap;font-size:27px!important}.sx2-ex>div:first-child b{font-size:14px;white-space:nowrap}.sx2-ex .sx2-w{gap:14px}.sx2-ex .sx2-w .sx2-w__m{padding-right:14px!important}}
/* 06.10 Антон: остання плашка «Біткоїн» — у кольорах біткоїна, не зелена */
@media (min-width:761px){
  .sx2-s.is-win{background:linear-gradient(135deg,#fff5e3,#ffe9c4);box-shadow:inset 0 0 0 1.5px rgba(247,147,26,.35)}
  .sx2-s.is-win span{background:#fff;color:#F7931A;box-shadow:0 4px 12px rgba(247,147,26,.3)}
  .sx2-s.is-win span svg{width:24px;height:24px}
  .sx2-s.is-win small{color:#b8620a;font-weight:600}
}

/* ── fl.css ── */
/* 06.10: 3 варіанти схеми шляху енергії в блоці сонця (десктоп) */
@media (min-width:761px){
.fl{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.fl b{display:block;font-size:14px;font-weight:700;color:#141414;line-height:1.25}
.fl small{display:block;font-size:12px;color:#6b6b74;line-height:1.35;margin-top:2px}
.fl-i{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#fff1e3;color:var(--o1)}
.fl-i svg{width:21px;height:21px}
.fl-i--hot{background:#e5484d;color:#fff}
.fl-i--bad{background:#fdeeee;color:#e5484d}
.fl-i--btc{background:#fff;box-shadow:0 4px 12px rgba(247,147,26,.3)} .fl-i--btc svg{width:26px;height:26px}

/* F1 розвилка */
.fl1{display:grid;grid-template-columns:230px 1fr;gap:0;align-items:center}
.fl1-src{display:flex;flex-direction:column;gap:8px;background:#f7f7f8;border-radius:16px;padding:16px;position:relative}
.fl1-src::after{content:"";position:absolute;right:-24px;top:50%;width:24px;border-top:2px solid #d0d0d6}
.fl1-split{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:48px}
.fl1-split::before{content:"";position:absolute;left:24px;top:30px;bottom:44px;border-left:2px solid #d0d0d6}
.fl1-row{position:relative;display:flex;align-items:center;gap:14px}
.fl1-line{position:absolute;left:-24px;top:50%;width:24px;border-top:2px solid #d0d0d6}
.fl1-row:first-child .fl1-line{top:30px}
.fl1-c{display:flex;align-items:center;gap:12px;background:#f7f7f8;border-radius:14px;padding:10px 14px;min-width:290px}
.fl1-c--surplus{background:#fdeeee}
.fl1-out{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.fl1-out::before{content:"";position:absolute;left:-14px;top:50%;width:14px;border-top:2px dashed #e5a0a2}
.fl1-o{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 14px}
.fl1-o--bad{background:#fff;border:1.5px dashed #f0b8ba} .fl1-o--bad b{color:#c4363b}
.fl1-o--good{background:linear-gradient(135deg,#fff5e3,#ffe9c4);box-shadow:inset 0 0 0 1.5px rgba(247,147,26,.4)} .fl1-o--good b{color:#b8620a}

/* F2 день станції */
.fl2{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center}
.fl2-chart{position:relative;height:170px;background:#fafafa;border-radius:16px;padding:10px 14px 18px}
.fl2-chart svg{width:100%;height:100%;display:block}
.fl2-t{position:absolute;font-size:10.5px;color:#9a9aa3;font-weight:600}
.fl2-lbl{position:absolute;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.fl2-lbl svg{width:16px;height:16px}
.fl2-lbl--sur{left:50%;top:36%;transform:translateX(-50%);background:#fff;padding:5px 10px;border-radius:999px;color:#b8620a;box-shadow:0 4px 14px rgba(247,147,26,.25)}
.fl2-lbl--home{left:16px;top:58%;color:#141414;font-size:11px;font-weight:600}
.fl2-leg{display:flex;flex-direction:column;gap:12px}
.fl2-leg>div{display:grid;grid-template-columns:22px 1fr;column-gap:10px}
.fl2-leg small{grid-column:2}
.fl2-k{width:22px;height:12px;border-radius:4px;margin-top:3px}
.fl2-k--gen{background:#fff1e3;border:2.5px solid #ff8a00}
.fl2-k--home{border-top:2.5px dashed #141414;height:0;margin-top:9px;border-radius:0}
.fl2-k--sur{background:linear-gradient(180deg,rgba(247,147,26,.6),rgba(247,147,26,.2))}

/* F3 три кроки */
.fl3{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch}
.fl3-s{position:relative;display:flex;align-items:center;gap:12px;background:#f7f7f8;border-radius:16px;padding:16px 16px 16px 18px}
.fl3-n{position:absolute;top:-10px;left:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--o1),var(--o2))}
.fl3-s--bad{background:#fdeeee} .fl3-s--bad b{color:#c4363b}
.fl3-s--good{background:linear-gradient(135deg,#fff5e3,#ffe9c4);box-shadow:inset 0 0 0 1.5px rgba(247,147,26,.4)} .fl3-s--good b{color:#b8620a}
.fl3-ar{display:grid;place-items:center} .fl3-ar svg{width:18px;height:18px;color:#c0c0c6}
}
@media (min-width:761px){
  .fl1{grid-template-columns:200px 1fr}
  .fl1-src{padding:14px}
  .fl1-c{flex:0 0 250px;min-width:0;padding:10px 12px}
  .fl1-row:first-child .fl1-c{flex-basis:auto}
  .fl1-out{gap:8px}
  .fl1-o{padding:10px 12px}
  .fl1-o small{font-size:11.5px}
  .fl2-lbl--home{top:auto;bottom:62px;left:22px;background:#fff;padding:3px 8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
}

/* ── hx.css ── */
/* 06.10 блок «Тепло в дім» — 3 варіанти (десктоп ≥761; мобілка поки стара .hv-heat) */
section.hx{display:none}
@media (min-width:761px){
.hv .hv-heat{display:none}
section.hx{display:block}
.hx .hv-box{padding:30px 36px 22px}
.hx .hv-lead{max-width:600px;font-size:14.5px;line-height:1.5}
.hx .hv-acts{display:flex;align-items:center;gap:22px;margin-top:20px}
.hx .hv-note{margin-top:12px;font-size:11.5px;color:#9a9aa3}
.hx b{font-weight:700}
.hx-i{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#fff1e3;color:var(--o1)}
.hx-i svg{width:21px;height:21px}
.hx-i--s{width:28px;height:28px;border-radius:8px} .hx-i--s svg{width:16px;height:16px}
.hx-i--cool{background:#e8f3ff;color:#2b7de9}
.hx-i--btc{background:#fff;box-shadow:0 4px 12px rgba(247,147,26,.3)} .hx-i--btc svg{width:24px;height:24px}
.hx-ar svg{width:18px;height:18px;color:#c0c0c6;display:block}
.hx-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.hx-c{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.hx-c span{font-size:12px;color:#55555d} .hx-c b{font-size:22px;font-weight:800;margin-top:2px} .hx-c small{font-size:11.5px;color:#6b6b74}
.hx-c--old{background:#f4f4f5} .hx-c--old b{color:#9a9aa3}
.hx-c--new{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)} .hx-c--new b{color:var(--g)}

/* H1 схема */
.hx1-g{display:grid;grid-template-columns:1fr 470px;gap:24px;align-items:center}
.hx1-ill{width:100%;max-height:310px;object-fit:contain}
.hx1-sch{display:flex;align-items:stretch;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.hx1-n{flex:1;display:flex;flex-direction:column;gap:6px;background:#f7f7f8;border-radius:14px;padding:12px 14px}
.hx1-n b{font-size:13.5px} .hx1-n small{font-size:11.5px;color:#6b6b74;line-height:1.35}
.hx1-n.is-asic{background:linear-gradient(135deg,#fff5e3,#ffe9c4)}
.hx-ar{display:grid;place-items:center}
.hx1-cons{flex:1.4;background:#fff;border:1.5px solid #ffd2a8}
.hx1-cons ul{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.hx1-cons li{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.hx1-volc{display:flex;align-items:center;gap:10px;margin-top:10px;background:#f4f8fd;border-radius:12px;padding:8px 12px}
.hx1-volc p{margin:0;font-size:12.5px;color:#55555d} .hx1-volc b{color:#141414}

/* H2 комбо */
.hx2-g{display:grid;grid-template-columns:1fr 440px;gap:24px;align-items:center}
.hx2-ill{width:100%;max-height:330px;object-fit:contain}
.hx2-combo{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:stretch;margin-top:18px}
.hx2-c{display:flex;flex-direction:column;gap:6px;background:#f7f7f8;border-radius:14px;padding:12px}
.hx2-c b{font-size:13.5px} .hx2-c small{font-size:11.5px;color:#6b6b74;line-height:1.35}
.hx2-c.is-btc{background:linear-gradient(135deg,#fff5e3,#ffe9c4)}
.hx2-plus{display:grid;place-items:center;font-style:normal;font-weight:800;font-size:20px;color:var(--o1)}
.hx2-res{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.hx2-res__t{font-size:13px;color:#6b6b74;font-weight:600;margin-bottom:2px}
.hx2-b{display:grid;grid-template-columns:230px 1fr 130px;align-items:center;gap:14px}
.hx2-b span{font-size:13.5px;font-weight:600}
.hx2-bar{height:12px;border-radius:6px;background:#f1f1f3;overflow:hidden}
.hx2-bar i{display:block;height:100%;width:var(--w);border-radius:6px}
.hx2-b b{text-align:right;font-size:17px;font-weight:800}
.hx2-b--bad i{background:#e5a0a2} .hx2-b--bad b{color:#c4363b}
.hx2-b--ok i{background:#8fd39a} .hx2-b--ok b{color:var(--g)}
.hx2-b--top i{background:linear-gradient(90deg,var(--g),#2f8a3c)} .hx2-b--top b{color:var(--g);font-size:19px}
.hx2-b--top span{color:#2f8a3c}

/* H3 що гріє */
.hx3 .hv-box{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:center}
.hx3-ill{width:100%;max-height:360px;object-fit:contain}
.hx3-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.hx3-t{display:flex;align-items:center;gap:10px;background:#f7f7f8;border-radius:14px;padding:10px 12px}
.hx3-t b{font-size:13.5px}
.hx3-row{display:grid;grid-template-columns:1fr 200px;gap:10px;align-items:stretch}
.hx3-row .hx-cmp{margin-top:10px}
.hx3-facts{list-style:none;margin:10px 0 0;padding:10px 14px;background:#fff1e3;border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:12.5px;color:#55555d}
.hx3-facts b{color:#c25e00}
.hx3-sch{margin:12px 0 0;font-size:12.5px;color:#55555d;background:#f7f7f8;border-radius:12px;padding:9px 12px}
.hx3-sch b{color:#141414}
}
@media (min-width:761px){.hx3-row{margin-top:4px}.hx3-tiles{margin-bottom:6px}}

/* ── kx.css ── */
/* 06.10 «Тепло» раунд 2 — у тій самій сітці, що й блок сонця над ним (sx2): текст | ілюстрація, картки, смуга після лінії */
.kx{display:none}
@media (min-width:761px){
.hv .hv-heat{display:none}
.kx{display:block}
.kx .hv-box{padding:30px 36px 22px}
.kx h2 em{display:block}
.kx .hv-lead{max-width:600px;font-size:14.5px;line-height:1.5}
.kx .hv-acts{display:flex;align-items:center;gap:22px;margin-top:20px}
.kx .hv-note{margin-top:12px;font-size:11.5px;color:#9a9aa3}
.kx-g{display:grid;grid-template-columns:1fr 470px;gap:24px;align-items:center}
.kx-ill{width:100%;max-height:300px;object-fit:contain}
.kx3 .kx-ill{max-height:280px}

/* картки як у блоці сонця */
.kx-ex{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:18px;align-items:stretch}
.kx-ex>div{border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}
.kx-ex small{display:block;font-size:11.5px;color:#6b6b74}
.kx-ex__old{background:#f7f7f8}
.kx-ex__old b{font-size:22px;font-weight:800;color:#c4363b;margin-top:2px}
.kx-ex__old span{font-size:11.5px;color:#6b6b74}
.kx-ex__new{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)}
.kx-ex__new>small{color:#2f8a3c;font-weight:600}
.kx-w{display:flex;align-items:stretch;gap:14px;margin-top:6px}
.kx-w__m{display:flex;align-items:baseline;gap:6px;padding-right:14px;border-right:1px solid rgba(63,179,79,.3)}
.kx-w__m b{font-size:26px;font-weight:800;color:var(--g);line-height:1;letter-spacing:-.02em;white-space:nowrap;align-self:center}
.kx-w__m span{font-size:12.5px;font-weight:600;color:#2f8a3c;white-space:nowrap;align-self:center}
.kx-w__s{display:flex;flex-direction:column;justify-content:center;gap:4px}
.kx-w__s span{display:flex;align-items:baseline;gap:6px;font-size:12px;color:#55555d;white-space:nowrap}
.kx-w__s b{font-size:14px;color:#141414}

/* смуга «що гріє» — як схема в блоці сонця */
.kx-cons,.kx-year{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.kx-cons__t{display:block;font-size:13px;font-weight:600;color:#6b6b74;margin-bottom:10px}
.kx-cons__g{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.kx-ch{display:flex;align-items:center;gap:10px;background:#f7f7f8;border-radius:14px;padding:10px 12px}
.kx-ch b{display:block;font-size:13.5px;font-weight:700}
.kx-ch small{display:block;font-size:11.5px;color:#6b6b74}

/* K2 два чеки */
.kx-bills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.kx-bill{background:#f7f7f8;border-radius:14px;padding:12px 16px}
.kx-bill__t{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;margin-bottom:4px}
.kx-bill__t i svg{width:16px;height:16px;display:block}
.kx-bill--win{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)}
.kx-r{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:#55555d}
.kx-r+.kx-r{border-top:1px solid rgba(0,0,0,.07)}
.kx-r b{font-size:14px;color:#141414}
.kx-r--sum{padding-top:8px} .kx-r--sum span{font-weight:700;color:#141414} .kx-r--sum b{font-size:19px;font-weight:800}
.kx-neg{color:#c4363b!important} .kx-pos{color:var(--g)!important}

/* K3 рік */
.kx-ms{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.kx-m{display:flex;flex-direction:column;align-items:center;gap:6px}
.kx-m i{width:100%;height:30px;border-radius:8px;background:#e8f3ff}
.kx-m.is-heat i{background:linear-gradient(180deg,#ffa600,#ff7800)}
.kx-m span{font-size:11px;font-weight:600;color:#6b6b74}
.kx-leg{display:flex;gap:26px;margin-top:10px;font-size:12.5px;color:#55555d}
.kx-leg span{display:flex;align-items:center;gap:7px} .kx-leg b{color:#141414}
.kx-k{width:14px;height:14px;border-radius:4px;background:#e8f3ff} .kx-k--heat{background:linear-gradient(180deg,#ffa600,#ff7800)}
}
@media (min-width:761px){
  .kx1 h2 em{display:inline}
  .kx-ex{grid-template-columns:200px 1fr}
  .kx-ex__old b{white-space:nowrap}
  .kx-ex__new{min-width:0}
}
@media (min-width:761px){
  .kx-ex{grid-template-columns:186px 1fr}
  .kx-ex__new{padding:12px 14px!important;overflow:hidden}
  .kx-w{gap:12px}
  .kx-w__m{padding-right:12px;flex-direction:column;align-items:flex-start;gap:2px;justify-content:center}
  .kx-w__m b{font-size:25px;align-self:flex-start}
  .kx-w__m span{align-self:flex-start}
  .kx-w__s span{white-space:normal;flex-wrap:wrap;column-gap:5px}
}
@media (min-width:761px){.kx-ill{max-height:320px}.kx3 .kx-ill{max-height:320px}}

/* ── vd.css ── */
/* 06.10 блок відео — 3 варіанти без ілюстрацій (десктоп ≥761; мобілка поки стара .hv-vid) */
.vd{display:none}
@media (min-width:761px){
.hv .hv-vid{display:none}
.vd{display:block}
.vd .hv-box{padding:30px 36px 28px}
.vd .hv-lead{font-size:14.5px;line-height:1.5;max-width:620px}
.vd-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.vd-top .hv-head{margin:0}
.vd-soc{display:flex;gap:8px;flex-shrink:0}
.vd-sb{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;font:600 14px Montserrat,sans-serif;text-decoration:none;transition:all .2s}
.vd-sb svg{width:20px;height:20px}
.vd-sb--yt{background:#ff0033;color:#fff} .vd-sb--yt:hover{background:#e0002d;color:#fff}
.vd-sb--tt{background:#141414;color:#fff} .vd-sb--tt:hover{background:#333;color:#fff}
.vd-th{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#111}
.vd-th img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vd-th:hover img{transform:scale(1.04)}
.vd-th i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.95);color:#141414;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:all .2s}
.vd-th i svg{width:22px;height:22px;margin-left:3px}
.vd-th:hover i{background:#ff0033;color:#fff;transform:scale(1.08)}
.vd-if{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;display:block;background:#000}
.vd-step{display:block;font-size:11.5px;font-weight:700;color:var(--o1);margin-bottom:3px}
.vd b{font-weight:700}

/* VD1 */
.vd1-g{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:start}
.vd1-main .vd-th--l i{width:72px;height:72px;margin:-36px 0 0 -36px} .vd1-main .vd-th--l i svg{width:30px;height:30px}
.vd1-cap{margin-top:12px} .vd1-cap b{font-size:17px}
.vd1-list{display:flex;flex-direction:column;gap:10px}
.vd1-r{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:6px;border-radius:14px;transition:background .2s}
.vd1-r:hover{background:#f7f7f8}
.vd1-r .vd-th{border-radius:10px} .vd1-r .vd-th i{width:34px;height:34px;margin:-17px 0 0 -17px} .vd1-r .vd-th i svg{width:15px;height:15px}
.vd1-r .vd-if{border-radius:10px}
.vd1-r b{font-size:13.5px;line-height:1.3;display:block}

/* VD2 */
.vd2-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.vd2-line::before{content:"";position:absolute;left:18px;right:18px;top:17px;border-top:2px dashed #ffd2a8}
.vd2-s{position:relative}
.vd2-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}
.vd2-n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(90deg,var(--o1),var(--o2));box-shadow:0 0 0 5px #fff}
.vd2-h b{font-size:15px;background:#fff;padding-right:8px}
.vd2-s p{margin:10px 0 0;font-size:13px;line-height:1.35;color:#55555d}
.vd2-more{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:#6b6b74}
.vd2-more a.vd-th-link{color:#141414;font-weight:600}
.vd-tg{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:#2aabee;color:#fff;font-weight:600;font-size:13.5px;text-decoration:none}
.vd-tg svg{width:18px;height:18px} .vd-tg:hover{background:#1e98d6;color:#fff}

/* VD3 */
.vd3-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px}
.vd3-c{display:flex;flex-direction:column}
.vd3-tag{align-self:flex-start;margin:10px 0 4px;padding:3px 9px;border-radius:999px;background:#fff1e3;color:#c25e00;font-size:11px;font-weight:700}
.vd3-c b{font-size:14px;line-height:1.3}
.vd3-ch{justify-content:center;align-items:flex-start;gap:6px;padding:20px;border-radius:14px;background:#f7f7f8;text-decoration:none;color:#141414;transition:all .2s}
.vd3-ch:hover{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.07);color:#141414}
.vd3-ch__i{width:46px;height:46px;border-radius:12px;background:#ff0033;color:#fff;display:grid;place-items:center} .vd3-ch__i svg{width:26px;height:26px}
.vd3-ch b{font-size:16px;margin-top:6px} .vd3-ch small{font-size:12.5px;color:#6b6b74}
.vd3-ch__b{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:600;font-size:13.5px;color:#ff0033} .vd3-ch__b svg{width:16px;height:16px}
}

/* ── wv.css ── */
/* 06.10 відео раунд 2 — 3 відео, лише кнопка YouTube */
@media (min-width:761px){
.w-yt{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:12px;color:#fff;font:600 15px Montserrat,sans-serif;text-decoration:none;
  background:linear-gradient(90deg,#ff0000,#de5656);box-shadow:0 8px 20px rgba(255,0,0,.22);transition:all .2s;flex-shrink:0}
.w-yt svg{width:24px;height:24px} .w-yt:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,0,0,.3)}
.w-step{display:block;font-size:11.5px;font-weight:700;color:var(--o1);margin-bottom:3px}

/* W1 старий стиль */
.w1 .hv-box{background:linear-gradient(180deg,#f4f4f5,#efeff1);border-color:transparent}
.w1-h{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px}
.w1-h h2{margin:0;font-size:28px!important}
.w1-h .hv-lead{margin:0 0 8px;max-width:none}
.w1-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.w1-c .vd-th{border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.w1-c .vd-if{border-radius:20px}
.w1-cap{padding:12px 6px 0;text-align:center} .w1-cap b{font-size:14.5px}

/* W2 картки-кроки */
.w2-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.w2-c{background:#f7f7f8;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s}
.w2-c:hover{background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.08)}
.w2-c .vd-th,.w2-c .vd-if{border-radius:0}
.w2-b{padding:14px 16px 16px}
.w2-n{display:flex;align-items:center;gap:8px}
.w2-n span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--o1),var(--o2))}
.w2-n b{font-size:15px}
.w2-t{margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.3}
.w2-d{margin:4px 0 0;font-size:12.5px;color:#6b6b74}

/* W3 таби + плеєр */
.w3-g{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:center}
.w3-tabs{display:flex;flex-direction:column;gap:8px;margin:18px 0 20px}
.w3-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid transparent;background:#f7f7f8;cursor:pointer;font-family:Montserrat,sans-serif;transition:all .2s}
.w3-tab:hover{background:#fff;border-color:var(--line)}
.w3-tab span{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:#9a9aa3;background:#fff}
.w3-tab b{display:block;font-size:14.5px;color:#141414} .w3-tab small{display:block;font-size:12px;color:#6b6b74;margin-top:1px}
.w3-tab.is-on{background:#fff;border-color:#ffc98f;box-shadow:0 8px 20px rgba(255,120,0,.1)}
.w3-tab.is-on span{color:#fff;background:linear-gradient(90deg,var(--o1),var(--o2))}
.w3-p{display:none} .w3-p.is-on{display:block}
.w3-p .vd-th,.w3-p .vd-if{border-radius:18px}
.w3-p .vd-th i{width:76px;height:76px;margin:-38px 0 0 -38px} .w3-p .vd-th i svg{width:32px;height:32px}
.w3-pt{display:block;margin-top:12px;font-size:16px}
}
/* 06.10 Антон: десктоп відео — без підписів під роликами */
@media (min-width:761px){.w1-cap{display:none!important}.w1-g{margin-top:4px}}

/* ── fw.css ── */
/* 06.10 блок прошивки — 3 варіанти (десктоп ≥761; мобілка поки стара .hv-fw) */
.fw{display:none}
@media (min-width:761px){
.hv .hv-fw{display:none}
.fw{display:block}
.fw .hv-box{padding:30px 36px 22px}
.fw h2 em{display:block}
.fw .hv-lead{font-size:14.5px;line-height:1.5;max-width:600px}
.fw .hv-acts{display:flex;align-items:center;gap:14px;margin-top:20px}
.fw .hv-note{margin-top:12px;font-size:11.5px;color:#9a9aa3}
.fw-tg{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;background:#2aabee;color:#fff;font:600 14px Montserrat,sans-serif;text-decoration:none}
.fw-tg svg{width:18px;height:18px} .fw-tg:hover{background:#1e98d6;color:#fff}
.fw-i{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:#fff1e3;color:var(--o1)} .fw-i svg{width:20px;height:20px}
.fw-i--s{width:32px;height:32px;border-radius:9px} .fw-i--s svg{width:17px;height:17px}
.fw-g{display:grid;grid-template-columns:1fr 450px;gap:24px;align-items:center}
.fw-ill{width:100%;max-height:300px;object-fit:contain}
.fw b{font-weight:700}

/* FW1 */
.fw1-ex{display:grid;grid-template-columns:1fr 28px 1.35fr;gap:8px;align-items:stretch;margin-top:18px}
.fw1-ex>div{border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}
.fw1-ex small{font-size:11.5px;color:#6b6b74}
.fw1-old{background:#f7f7f8} .fw1-old b{font-size:22px;font-weight:800;color:#9a9aa3;margin-top:2px} .fw1-old span{font-size:12px;color:#6b6b74}
.fw1-ar{display:grid;place-items:center} .fw1-ar svg{width:22px;height:22px;color:var(--o1)}
.fw1-new{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)} .fw1-new small{color:#2f8a3c;font-weight:600}
.fw1-w{display:flex;align-items:baseline;gap:6px;margin-top:2px} .fw1-w b{font-size:27px;font-weight:800;color:var(--g);letter-spacing:-.02em;white-space:nowrap} .fw1-w span{font-size:12.5px;font-weight:600;color:#2f8a3c}
.fw1-new em{font-style:normal;font-size:12.5px;font-weight:700;color:#141414;margin-top:2px}
.fw1-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.fw-f{display:flex;align-items:center;gap:12px;background:#f7f7f8;border-radius:14px;padding:10px 14px}
.fw-f b{display:block;font-size:14px} .fw-f small{display:block;font-size:12px;color:#6b6b74;margin-top:1px}

/* FW2 інтерфейс */
.fw2-g{display:grid;grid-template-columns:1fr 520px;gap:28px;align-items:center}
.fw2-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fw2-list li{display:flex;gap:10px;align-items:flex-start}
.fw2-list b{display:block;font-size:13.5px} .fw2-list small{display:block;font-size:12px;color:#6b6b74}
.fw2-ui{background:#141416;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.22);color:#f2f2f4;font-family:Montserrat,sans-serif}
.fw2-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#1d1d21;font-size:11.5px;color:#9a9aa3}
.fw2-bar i{width:9px;height:9px;border-radius:50%;background:#3a3a40} .fw2-bar span{margin-left:8px} .fw2-on{margin-left:auto;color:#5fd16b;font-size:11.5px}
.fw2-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}
.fw2-k{background:#1d1d21;border-radius:12px;padding:10px 12px}
.fw2-k small{display:block;font-size:10.5px;color:#8f8f99} .fw2-k b{display:block;font-size:19px;font-weight:800;margin-top:2px}
.fw2-d{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#2a2a30;color:#c7c7cd}
.fw2-d.is-up{background:rgba(255,138,0,.18);color:#ffa600} .fw2-d.is-ok{background:rgba(95,209,107,.15);color:#5fd16b}
.fw2-chart{grid-column:1/-1;background:#1d1d21;border-radius:12px;padding:10px 12px 8px}
.fw2-chart svg{width:100%;height:64px;display:block} .fw2-chart small{font-size:10.5px;color:#8f8f99}
.fw2-modes{grid-column:1/-1} .fw2-modes small{display:block;font-size:10.5px;color:#8f8f99;margin-bottom:6px}
.fw2-modes div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#1d1d21;border-radius:12px;padding:4px}
.fw2-m{height:34px;border:0;border-radius:9px;background:transparent;color:#c7c7cd;font:600 12.5px Montserrat,sans-serif;cursor:pointer;transition:all .2s}
.fw2-m:hover{color:#fff} .fw2-m.is-on{background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff}
.fw2-prot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.fw2-prot span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#c7c7cd;background:#1d1d21;border-radius:999px;padding:5px 10px}
.fw2-prot svg{width:13px;height:13px;color:#5fd16b}

/* FW3 порівняння */
.fw3 .hv-box{background:linear-gradient(180deg,#ececee,#e6e6e8);border-color:transparent}
.fw3-g{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:center}
.fw3-ill{width:100%;max-height:330px;object-fit:contain}
.fw3-t{margin-top:16px;background:#fff;border-radius:16px;padding:6px 16px}
.fw3-r{display:grid;grid-template-columns:150px 1fr 1.3fr;gap:12px;align-items:center;padding:9px 0;font-size:13.5px}
.fw3-r+.fw3-r{border-top:1px solid #efeff1}
.fw3-r>span:first-child{font-weight:700}
.fw3-th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9a9aa3}
.fw3-th span:last-child{color:var(--o1)}
.fw3-old,.fw3-new{display:flex;align-items:center;gap:7px} .fw3-old{color:#8b8b95} .fw3-old svg{width:14px;height:14px;color:#e5484d;flex-shrink:0}
.fw3-new{font-weight:600} .fw3-new svg{width:15px;height:15px;color:var(--g);flex-shrink:0}
.fw3-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fw3-models{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:12.5px;font-weight:600;color:#55555d} .fw3-models svg{width:17px;height:17px;color:var(--o1)}
}
@media (min-width:761px){
  .fw2-list{margin-top:20px;row-gap:14px}
  .fw3-row{flex-wrap:nowrap} .fw3-models{white-space:nowrap}
}
@media (min-width:761px){
  .fw3-row{display:block}
  .fw3-row .hv-acts{flex-wrap:nowrap}
  .fw3-models{margin-top:12px}
}
/* 06.10 Антон: fw2 — ліва частина рівна */
@media (min-width:761px){
  .fw2-g{align-items:stretch}
  .fw2-g>div:first-child{display:flex;flex-direction:column;justify-content:center}
  .fw2 .hv-head{margin:0}
  .fw2 .hv-lead{margin-top:10px;max-width:460px}
  .fw2-list{margin:22px 0 0;gap:8px;row-gap:8px}
  .fw2-list li{align-items:center;gap:12px;background:#f7f7f8;border-radius:14px;padding:12px 14px;min-height:64px}
  .fw2-list b{font-size:14px;line-height:1.25}
  .fw2-list small{font-size:12px;margin-top:2px;white-space:nowrap}
  .fw2 .hv-acts{margin-top:22px}
}
@media (min-width:761px){.fw2 ul.fw2-list{margin-top:24px!important}.fw2 .hv-lead{margin-bottom:0!important}}

/* ── lay.css ── */
/* 06.10 порядок блоків + Telegram-підписка (десктоп) */
@media (min-width:761px){
#hvm>.hv-sec,#hvm>.ht-wrap>.hv-sec,#hvm>.sb2{margin:0 0 24px!important}
#hvm>.ht-wrap{margin:0}
#hvm{padding-top:24px}
/* мікро-CTA */
.tg-micro{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border-radius:12px;background:#eef7fd;color:#0f5f8a;text-decoration:none;font-size:13.5px;font-weight:600;transition:background .2s}
.tg-micro svg{width:18px;height:18px;color:#2aabee;flex-shrink:0}
.tg-micro b{margin-left:auto;color:#2aabee;font-weight:700}
.tg-micro:hover{background:#e1f1fb;color:#0f5f8a}
/* блок каналу */
.tgc .hv-box{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center;padding:30px 36px}
.tgc h2 em{display:block;color:#2aabee!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.tgc .hv-lead{font-size:14.5px;line-height:1.5;max-width:520px}
.tgc-b{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.tgc-b li{display:flex;align-items:center;gap:12px}
.tgc-b i{width:30px;height:30px;border-radius:50%;background:#eef7fd;color:#2aabee;display:grid;place-items:center;flex-shrink:0} .tgc-b i svg{width:16px;height:16px}
.tgc-b b{display:block;font-size:14.5px} .tgc-b small{display:block;font-size:12.5px;color:#6b6b74}
.tgc-cta{display:flex;align-items:center;gap:20px;margin-top:22px}
.tgc-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:14px;background:#2aabee;color:#fff;font:700 15.5px Montserrat,sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(42,171,238,.35);transition:all .2s}
.tgc-btn svg{width:22px;height:22px} .tgc-btn:hover{background:#1e98d6;color:#fff;transform:translateY(-1px)}
.tgc-proof{font-size:12.5px;color:#6b6b74;line-height:1.5} .tgc-proof b{color:#141414}
.tgc-more{display:flex;gap:18px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.tgc-more a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#55555d;text-decoration:none} .tgc-more a:hover{color:#141414}
.tgc-more svg{width:16px;height:16px}
.tgc-feed{background:#dfe9f2;border-radius:20px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px}
.tgc-feed__h{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:9px 12px}
.tgc-feed__h svg{width:20px;height:20px;color:#2aabee} .tgc-feed__h b{font-size:14px} .tgc-feed__h small{margin-left:auto;font-size:11.5px;color:#8b8b95}
.tgp{background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:12.5px;line-height:1.4;position:relative}
.tgp-h{display:flex;align-items:center;gap:7px;margin-bottom:4px}
.tgp-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center}
.tgp-h b{font-size:12.5px;color:#2aabee} .tgp-h small{margin-left:auto;font-size:11px;color:#9a9aa3}
.tgp-t{display:block;font-size:13px;margin-bottom:2px}
.tgp p{margin:0;color:#3a3a40}
.tgp-v{position:absolute;right:10px;bottom:8px;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#9a9aa3} .tgp-v svg{width:12px;height:12px}
.tgc-feed__f{text-align:center;font-size:12.5px;font-weight:700;color:#2aabee;text-decoration:none;padding:4px}
/* плаваюча картка */
.tgpop{position:fixed;right:24px;bottom:24px;z-index:9998;display:flex;align-items:center;gap:12px;max-width:430px;background:#fff;border-radius:18px;padding:14px 16px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);transform:translateY(140%);opacity:0;transition:all .45s cubic-bezier(.2,.9,.3,1.2);font-family:Montserrat,sans-serif}
.tgpop.is-on{transform:none;opacity:1}
.tgpop-i{width:44px;height:44px;border-radius:12px;background:#2aabee;color:#fff;display:grid;place-items:center;flex-shrink:0} .tgpop-i svg{width:24px;height:24px}
.tgpop b{display:block;font-size:14px} .tgpop small{display:block;font-size:12px;color:#6b6b74;margin-top:2px}
.tgpop-btn{flex-shrink:0;height:40px;padding:0 16px;border-radius:11px;background:#2aabee;color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;display:inline-flex;align-items:center}
.tgpop-btn:hover{background:#1e98d6;color:#fff}
.tgpop-x{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:0;background:#141414;color:#fff;font-size:16px;line-height:1;cursor:pointer}
}
.tgc{display:none}@media (min-width:761px){.tgc{display:block}}
.tg-micro{display:none}@media (min-width:761px){.tg-micro{display:flex}}
@media (min-width:761px){.tgc ul.tgc-b{margin-top:22px!important}.tgc .hv-lead{margin-bottom:0!important}}
@media (min-width:761px){.cph2-none-svbar{left:24px!important;transform:none!important}}
/* 06.10 Антон: «Підписатися» під Топ-5 — синя кнопка */
@media (min-width:761px){
  .tg-micro b{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:10px;background:#2aabee;color:#fff!important;font-size:13px;box-shadow:0 4px 12px rgba(42,171,238,.3);transition:background .2s}
  .tg-micro:hover b{background:#1e98d6}
  .tg-micro{padding:7px 8px 7px 14px}
}

/* ── tg.css ── */
/* 06.10 блок Telegram — 3 великі варіанти (десктоп) */
@media (min-width:761px){
.tgx .hv-box{position:relative;overflow:hidden}
.tgx h2 em{display:block;color:#2aabee!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.tgx .hv-lead{font-size:15px;line-height:1.55;max-width:520px;margin-bottom:0!important}
.tgx-b{list-style:none;margin:24px 0 0!important;padding:0;display:flex;flex-direction:column;gap:12px}
.tgx-b li{display:flex;align-items:center;gap:12px}
.tgx-b i{width:32px;height:32px;border-radius:50%;background:#eef7fd;color:#2aabee;display:grid;place-items:center;flex-shrink:0} .tgx-b i svg{width:16px;height:16px}
.tgx-b b{display:block;font-size:15px} .tgx-b small{display:block;font-size:13px;color:#6b6b74}
.tgx-cta{display:flex;align-items:center;gap:22px;margin-top:28px}
.tgx-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:14px;background:#2aabee;color:#fff;font:700 16px Montserrat,sans-serif;text-decoration:none;box-shadow:0 12px 28px rgba(42,171,238,.38);transition:all .2s}
.tgx-btn svg{width:22px;height:22px} .tgx-btn:hover{background:#1e98d6;color:#fff;transform:translateY(-2px)}
.tgx-proof{font-size:13px;color:#6b6b74;line-height:1.5} .tgx-proof b{color:#141414}

/* T1 телефон у руці */
.tgx1 .hv-box{display:grid;grid-template-columns:1fr 440px;gap:30px;min-height:560px;padding:44px 48px 0;background:linear-gradient(135deg,#fff 55%,#eaf6fd)}
.tgx1-l{align-self:center;padding-bottom:44px}
.tgx1 h2{font-size:30px!important}
.tgx1-r{position:relative;align-self:end;height:540px}
.ph{position:absolute;right:0;bottom:-120px;width:400px;aspect-ratio:700/1139}
.ph-img{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;filter:drop-shadow(0 24px 40px rgba(0,0,0,.18))}
.ph-scr{position:absolute;left:12.55%;top:1.65%;width:49.94%;height:66.17%;z-index:1;border-radius:26px;overflow:hidden;background:#cfe0ee;display:flex;flex-direction:column;font-family:Montserrat,sans-serif}
.ph-h{display:flex;align-items:center;gap:8px;padding:30px 10px 8px;background:#fff;border-bottom:1px solid #e3e8ee}
.ph-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex-shrink:0}
.ph-h b{display:block;font-size:12px} .ph-h small{display:block;font-size:9.5px;color:#8b8b95}
.ph-feed{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px;overflow:hidden}
.ph-p{background:#fff;border-radius:12px 12px 12px 3px;padding:7px 9px;font-size:10px;line-height:1.35}
.ph-t{display:block;font-size:10.5px;margin-bottom:1px} .ph-p p{margin:0;color:#3a3a40}
.ph-m{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;font-size:8.5px;color:#9a9aa3} .ph-m svg{width:9px;height:9px}
.ph-join{display:block;text-align:center;background:#fff;color:#2aabee;font-weight:800;font-size:11px;letter-spacing:.04em;padding:11px;text-decoration:none;border-top:1px solid #e3e8ee}

/* T2 персонаж + сповіщення */
.tgx2 .hv-box{display:grid;grid-template-columns:330px 1fr 380px;gap:24px;align-items:center;min-height:440px;padding:36px 40px;background:linear-gradient(135deg,#eef7fd,#fff 60%)}
.tgx2-ill{width:100%;max-height:380px;object-fit:contain;align-self:end;margin-bottom:-36px}
.tgx2 h2{font-size:28px!important}
.tgx2 .tgx-cta{flex-direction:column;align-items:flex-start;gap:12px}
.tgx2-n{display:flex;flex-direction:column;gap:10px}
.nt{display:flex;gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:18px;padding:12px 14px;box-shadow:0 10px 26px rgba(15,95,138,.12);animation:ntIn .6s var(--d) both cubic-bezier(.2,.9,.3,1.2)}
.nt:nth-child(2){margin-left:22px} .nt:nth-child(3){margin-left:8px}
.nt-i{width:36px;height:36px;border-radius:10px;background:#2aabee;color:#fff;display:grid;place-items:center;flex-shrink:0} .nt-i svg{width:20px;height:20px}
.nt-b{min-width:0;flex:1} .nt-h{display:flex;align-items:center} .nt-h b{font-size:12px;color:#55555d} .nt-h small{margin-left:auto;font-size:11px;color:#9a9aa3}
.nt-t{display:block;font-size:14px;margin-top:1px} .nt-b p{margin:1px 0 0;font-size:12.5px;color:#55555d}
@keyframes ntIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* T3 синій банер */
.tgx3 .hv-box{display:grid;grid-template-columns:1fr 400px 200px;gap:24px;align-items:center;min-height:420px;padding:44px 48px;color:#fff;border:0!important;
  background:radial-gradient(700px 400px at 75% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#2aabee,#1a8fd0 60%,#1679b8)}
.tgx3-k{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px} .tgx3-k b{font-weight:800}
.tgx3 h2{margin:14px 0 0;font-size:32px!important;line-height:1.15;color:#fff!important;text-transform:uppercase;font-weight:800}
.tgx3-l p{margin:12px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9);max-width:520px}
.tgx3-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tgx3-ch span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;font-weight:600}
.tgx3-ch svg{width:14px;height:14px}
.tgx-btn.is-w{background:#fff;color:#1a8fd0;box-shadow:0 12px 28px rgba(0,0,0,.18)} .tgx-btn.is-w:hover{background:#f2f9fe;color:#1679b8}
.tgx3-or{font-size:13px;color:rgba(255,255,255,.85)}
.tgx3-ill{width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.18))}
.tgx3-qr{background:#fff;border-radius:20px;padding:16px;text-align:center;color:#141414;box-shadow:0 16px 36px rgba(0,0,0,.18)}
.tgx3-qr img{width:100%;display:block} .tgx3-qr b{display:block;margin-top:8px;font-size:13.5px} .tgx3-qr small{display:block;font-size:11.5px;color:#6b6b74}
}
@media (min-width:761px){
  .nt{animation:none}
  .tgx-btn{white-space:nowrap}
  .tgx3 .hv-box{grid-template-columns:1fr 330px 190px}
  .tgx3 .tgx-cta{flex-direction:column;align-items:flex-start;gap:10px}
}

/* ── tp.css ── */
/* 06.10 Telegram-блок з телефоном із сайту (tg_phone, обрізаний знизу — стоїть на нижньому краї блоку) */
@media (min-width:761px){
.tp .hv-box{padding-bottom:0!important;min-height:480px}
.tp .tp-r{position:relative;align-self:end;display:flex;justify-content:center}
.tp-ph{display:block;width:100%;max-width:470px;height:auto;filter:drop-shadow(0 -10px 40px rgba(15,95,138,.15))}
.tp .tgx-cta{margin-bottom:0}
/* P1 */
.tp1 .hv-box{display:grid;grid-template-columns:1fr 520px;gap:30px;padding:44px 48px 0;background:linear-gradient(135deg,#fff 50%,#eaf6fd)}
.tp1 .tp-l{align-self:center;padding-bottom:44px}
.tp1 h2{font-size:30px!important}
.tp1 .tp-ph{max-width:440px}
.tp-post{position:absolute;width:250px;background:#fff;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:12px;line-height:1.4;box-shadow:0 14px 34px rgba(15,95,138,.18)}
.tp-post--0{left:-30px;top:70px} .tp-post--1{right:-20px;top:200px}
.tp-post__h{display:flex;align-items:center;gap:6px;margin-bottom:4px} .tp-post__h b{font-size:12px;color:#2aabee} .tp-post__h small{margin-left:auto;font-size:10.5px;color:#9a9aa3}
.tp-post__t{display:block;font-size:13px;margin-bottom:1px} .tp-post p{margin:0;color:#3a3a40}
.tp-post .ph-av{width:22px;height:22px;font-size:8.5px}
.tp-post .ph-m{font-size:10px} .tp-post .ph-m svg{width:11px;height:11px}
/* P2 */
.tp2 .hv-box{display:grid;grid-template-columns:400px 1fr 360px;gap:28px;padding:40px 40px 0;background:linear-gradient(135deg,#eaf6fd,#fff 55%)}
.tp2 .tgx2-m,.tp2 .tgx2-n{align-self:center;padding-bottom:40px}
.tp2 h2{font-size:28px!important}
.tp2 .tgx-cta{flex-direction:column;align-items:flex-start;gap:12px}
/* P3 */
.tp3 .hv-box{grid-template-columns:1fr 380px 190px!important;padding:44px 48px 0!important;align-items:end!important}
.tp3 .tgx3-l,.tp3 .tgx3-qr{align-self:center;margin-bottom:44px}
.tp3 .tp-ph{filter:drop-shadow(0 -10px 40px rgba(0,0,0,.2))}
}
@media (min-width:761px){.tp-post{width:225px}.tp-post--0{left:-40px;top:40px}.tp-post--1{right:-30px;top:250px}}

/* ── tc.css ── */
/* 06.10 Telegram — лише наш телефон, чисто */
@media (min-width:761px){
.tc .hv-box{min-height:500px}
.tc h2{font-size:30px!important}
.tc .tp-r{position:relative;min-height:470px;display:flex;align-items:flex-end;justify-content:center}
.tc .tp-ph{position:relative;z-index:1;max-width:460px;width:100%}
.tc-glow{position:absolute;left:50%;bottom:40px;width:440px;height:440px;margin-left:-220px;border-radius:50%;z-index:0}
.tc1 .hv-box{grid-template-columns:1fr 520px;background:#fff}
.tc1 .tc-glow{background:radial-gradient(circle,#d4ecfb 0%,#eaf6fd 45%,rgba(234,246,253,0) 70%)}
.tc1 .tp-ph{filter:drop-shadow(0 30px 50px rgba(15,95,138,.22))}
.tc-badge{position:absolute;z-index:2;left:10px;top:120px;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:#fff;
  font-size:14px;color:#55555d;box-shadow:0 12px 30px rgba(15,95,138,.18)}
.tc-badge svg{width:20px;height:20px;color:#2aabee} .tc-badge b{color:#141414}
.tc2 .hv-box{grid-template-columns:1fr 480px!important;padding:48px 52px 0!important;align-items:end!important}
.tc2 .tgx3-l{align-self:center;margin-bottom:48px}
.tc2 h2{margin-top:0!important}
.tc2 .tc-glow{background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,0) 70%)}
.tc2 .tp-ph{filter:drop-shadow(0 30px 50px rgba(0,30,60,.35))}
.tc-proof{font-size:13px;color:rgba(255,255,255,.85);line-height:1.5} .tc-proof b{color:#fff}
}
@media (min-width:761px){.tc2 .tgx-cta{flex-direction:row!important;align-items:center!important;gap:22px!important}.tc2 .tgx3-l p{max-width:520px}}

/* ── tk.css ── */
/* 06.10 Telegram — 4 варіанти на конверсію з QR */
@media (min-width:761px){
.tk .hv-box{min-height:500px}
.tk h2{font-size:30px!important}
.tk .tp-r{position:relative;min-height:440px;display:flex;align-items:flex-end;justify-content:center;align-self:end}
.tk .tp-ph{position:relative;z-index:1;width:100%;max-width:420px}
.tk-qr__img{display:block;background:#fff;border-radius:12px}
.tk-soc{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13.5px;color:#55555d} .tk-soc b{color:#141414}
.tk-av{display:flex} .tk-av i{width:28px;height:28px;margin-left:-8px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:#2aabee}
.tk-av i:first-child{margin-left:0;background:#ff8a00} .tk-av i:nth-child(2){background:#3fb34f} .tk-av i:nth-child(4){background:#141414}
.tk-free{display:block;margin-top:12px;font-size:12px;color:#8b8b95}
.tgx3 .tk-free{color:rgba(255,255,255,.75)}

/* K1 */
.tk1 .hv-box{grid-template-columns:1fr 470px;padding:44px 48px 0;background:#fff}
.tk1 .tp-l{align-self:center;padding-bottom:40px}
.tk1 .tc-glow{background:radial-gradient(circle,#d4ecfb 0%,#eaf6fd 45%,rgba(234,246,253,0) 70%)}
.tk-ways{display:grid;grid-template-columns:auto 40px auto;align-items:stretch;gap:0;margin-top:22px}
.tk-way{display:flex;flex-direction:column;gap:10px;justify-content:center}
.tk-way__t{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#55555d} .tk-way__t svg{width:17px;height:17px;color:#2aabee}
.tk-or{display:grid;place-items:center;font-size:12px;font-weight:700;color:#9a9aa3;position:relative}
.tk-qr{display:flex;align-items:center;gap:12px;background:#f4f9fd;border:1.5px solid #cfe8f8;border-radius:16px;padding:10px 14px 10px 10px}
.tk-qr .tk-qr__img{width:92px;height:92px;padding:6px}
.tk-qr p{margin:0;font-size:12.5px;color:#3a3a40;max-width:150px;line-height:1.4}

/* K2 */
.tk2 .hv-box{grid-template-columns:1fr 360px 220px!important;padding:48px 48px 0!important;align-items:end!important}
.tk2 .tgx3-l{align-self:center;margin-bottom:44px}
.tk2 .tgx3-l h2{margin-top:0}
.tk2 .tc-glow{background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 70%)}
.tk2 .tp-ph{filter:drop-shadow(0 30px 50px rgba(0,30,60,.35))}
.tk2 .tgx-cta{flex-direction:row!important;align-items:center;gap:16px}
.tk-or2{font-size:13px;color:rgba(255,255,255,.85);font-weight:600}
.tk2-qr{align-self:center;margin-bottom:44px;background:#fff;border-radius:22px;padding:16px 16px 18px;text-align:center;color:#141414;box-shadow:0 20px 44px rgba(0,30,60,.3)}
.tk2-qr__k{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#eef7fd;color:#1a8fd0;font-size:12px;font-weight:700}
.tk2-qr .tk-qr__img{width:100%}
.tk2-qr b{display:block;margin-top:8px;font-size:14px} .tk2-qr small{display:block;font-size:12px;color:#6b6b74}

/* K3 */
.tk3 .hv-box{display:grid;grid-template-columns:1fr 300px 300px;gap:26px;padding:40px 44px 0;align-items:center;background:linear-gradient(135deg,#fff 50%,#eaf6fd)}
.tk3-l{align-self:center;padding-bottom:40px}
.tk3-c{align-self:center;padding-bottom:40px}
.tk3-card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 20px 44px rgba(15,95,138,.16);border:1.5px solid #cfe8f8}
.tk3-t{display:block;text-align:center;font-size:15px;margin-bottom:10px}
.tk3-card .tk-qr__img{width:170px;margin:0 auto}
.tk3-s{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.tk3-s li{display:flex;align-items:center;gap:10px}
.tk3-s span{width:24px;height:24px;border-radius:50%;background:#2aabee;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;flex-shrink:0}
.tk3-s b{display:block;font-size:13px} .tk3-s small{display:block;font-size:11.5px;color:#6b6b74}
.tk3-alt{margin-top:14px;padding-top:12px;border-top:1px solid #eef0f3;text-align:center}
.tk3-alt span{display:block;font-size:12px;color:#6b6b74;margin-bottom:8px}
.tk3-alt .tgx-btn{height:46px;font-size:14px;padding:0 18px;width:100%;justify-content:center}
.tk3 .tc-glow{background:radial-gradient(circle,#d4ecfb 0%,#eaf6fd 45%,rgba(234,246,253,0) 70%);width:360px;height:360px;margin-left:-180px}
.tk3 .tp-ph{max-width:330px}

/* K4 */
.tk4 .hv-box{grid-template-columns:340px 1fr 260px!important;padding:44px 48px 0!important;align-items:end!important}
.tk4 .tc-glow{background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 70%);width:360px;height:360px;margin-left:-180px}
.tk4 .tp-ph{max-width:330px;filter:drop-shadow(0 30px 50px rgba(0,30,60,.35))}
.tk4-m,.tk4-act{align-self:center;margin-bottom:44px}
.tk4-m h2{margin:12px 0 0;font-size:32px!important;color:#fff!important;text-transform:uppercase;font-weight:800;line-height:1.15}
.tk4-m p{margin:12px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9)}
.tk4-box{background:#fff;border-radius:22px;padding:18px;text-align:center;color:#141414;box-shadow:0 20px 44px rgba(0,30,60,.3)}
.tk4-box .tk-qr__img{width:160px;margin:0 auto}
.tk4-box b{display:block;margin-top:8px;font-size:13.5px} .tk4-box small{display:block;margin:8px 0;font-size:12px;color:#9a9aa3}
.tk4-box .tgx-btn{width:100%;justify-content:center;height:48px;font-size:14.5px;padding:0 14px}
}
@media (min-width:761px){
  .tk-ways{align-items:end} .tk-or{align-self:center;padding-top:26px}
  .tk-way{justify-content:flex-end}
  .tk-qr{padding:8px 12px 8px 8px} .tk-qr .tk-qr__img{width:84px;height:84px}
  .tk-or2{white-space:nowrap}
  .tk2 .hv-box{grid-template-columns:1fr 320px 220px!important}
  .tk3 .tp-ph{max-width:300px}
}
/* 06.10 Антон: у варіанті 3 — рука з iPhone 17 Pro і реальним профілем каналу */
@media (min-width:761px){
  .tk3 .hv-box{grid-template-columns:1fr 300px 330px;min-height:540px}
  .tk3 .tk3-r{min-height:520px}
  .tk3 .tk3-hand{max-width:330px;width:100%;filter:drop-shadow(0 24px 40px rgba(15,95,138,.2))}
}
/* 06.10 Антон: рука з iPhone 17 Pro заходить у банер знизу безшовно — низ картинки = низ блоку, без відступів; розміри збалансовано */
@media (min-width:761px){
  .tk3 .hv-box{grid-template-columns:1fr 300px 300px;min-height:0;padding:0 44px 0 48px;align-items:stretch;overflow:hidden}
  .tk3 .tk3-l,.tk3 .tk3-c{align-self:center;padding:40px 0}
  .tk3 .tk3-r{min-height:0;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;padding-top:28px}
  .tk3 .tk3-hand{display:block;width:auto;max-width:none;height:500px;margin:0 0 -1px;filter:drop-shadow(0 10px 30px rgba(15,95,138,.18))}
  .tk3 .tc-glow{bottom:auto;top:40px;width:380px;height:380px;margin-left:-190px}
  .tk3-card{padding:18px}
  .tk3-card .tk-qr__img{width:150px}
}
@media (min-width:761px){.tk3 .tk3-r{padding-top:0}.tk3 .tk3-hand{height:462px}}
/* 06.10 Антон: повернуто як було, руку опущено нижче */
@media (min-width:761px){.tk3 .tk3-hand{height:420px}}

/* ── mb.css ── */
/* 06.10 мобілка нової головної: [data-mb="1"] повний, [data-mb="2"] компактний. Лише ≤760px. */
.m-ill,.m-tgbtn,.m-tgfree{display:none}
@media (max-width:760px){
[data-mb] .hv-soc,[data-mb] .hv-sun,[data-mb] .hv-heat,[data-mb] .hv-vid,[data-mb] .hv-fw{display:none!important}
[data-mb] #hvm{display:flex;flex-direction:column}
[data-mb] #hvm>*{order:50}
[data-mb] #hv-steps{order:1}[data-mb] #sun{order:2}[data-mb] #heat{order:3}[data-mb] #fwb{order:4}[data-mb] #vid{order:5}[data-mb] #tgc{order:6}[data-mb] #contact{order:7}
[data-mb] .sx,[data-mb] .kx,[data-mb] .fw,[data-mb] .vd,[data-mb] .tgc{display:block!important}
[data-mb] .hv-steps .hv-ex{display:none}
[data-mb] .sx .hv-box,[data-mb] .kx .hv-box,[data-mb] .fw .hv-box,[data-mb] .vd .hv-box,[data-mb] .tgc .hv-box{display:block;padding:22px 16px;border-radius:20px;min-height:0;overflow:hidden}
[data-mb] .sx h2,[data-mb] .kx h2,[data-mb] .fw h2,[data-mb] .vd h2,[data-mb] .tgc h2{font-size:21px!important;line-height:1.2;margin:0;text-transform:uppercase;font-weight:800}
[data-mb] .sx h2 em,[data-mb] .kx h2 em,[data-mb] .fw h2 em{display:inline}
[data-mb] .hv-lead{font-size:14px;line-height:1.5;margin:8px 0 0}
[data-mb] .hv-note{font-size:10.5px;color:#9a9aa3;margin:12px 0 0}
[data-mb] .hv-acts{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}
[data-mb] .hv-acts .hv-btn{height:50px;font-size:15px;width:100%}
[data-mb] .hv-acts .hv-link{justify-content:center;height:40px}
[data-mb] .m-ill{display:block;width:100%;max-width:340px;margin:14px auto 4px}
[data-mb] .sx2-ill,[data-mb] .kx-ill{display:none}
/* сонце */
[data-mb] .sx2-ex{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
[data-mb] .sx2-ex>div{border-radius:14px;padding:12px 14px;background:#f7f7f8}
[data-mb] .sx2-ex small{display:block;font-size:12px;color:#6b6b74}
[data-mb] .sx2-ex>div:first-child b{font-size:15px}
[data-mb] .sx2-ex .sx2-ex__w{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)}
[data-mb] .sx2-ex__w>small{color:#2f8a3c;font-weight:600}
[data-mb] .sx2-w{display:flex;align-items:center;gap:14px;margin-top:6px}
[data-mb] .sx2-w__m{display:flex;align-items:baseline;gap:6px;padding-right:14px;border-right:1px solid rgba(63,179,79,.3)}
[data-mb] .sx2-w__m b{font-size:28px;color:var(--g);font-weight:800;white-space:nowrap} [data-mb] .sx2-w__m span{font-size:12px;color:#2f8a3c;font-weight:600}
[data-mb] .sx2-w__s{display:flex;flex-direction:column;gap:3px} [data-mb] .sx2-w__s span{font-size:12px;color:#55555d;white-space:nowrap} [data-mb] .sx2-w__s b{font-size:14px;color:#141414;margin-right:4px}
[data-mb] .fl{margin-top:18px;padding-top:16px;border-top:1px solid #ececef}
[data-mb] .fl1{display:flex;flex-direction:column;gap:8px}
[data-mb] .fl1-src,[data-mb] .fl1-c{display:flex;flex-direction:row;align-items:center;gap:12px;background:#f7f7f8;border-radius:14px;padding:10px 12px;min-width:0}
[data-mb] .fl1-src::after,[data-mb] .fl1-split::before,[data-mb] .fl1-line,[data-mb] .fl1-out::before{display:none}
[data-mb] .fl1-split{display:flex;flex-direction:column;gap:8px;padding:0}
[data-mb] .fl1-row{display:flex;flex-direction:column;gap:8px}
[data-mb] .fl1-c--surplus{background:#fdeeee}
[data-mb] .fl1-out{display:grid;grid-template-columns:1fr 1fr;gap:8px}
[data-mb] .fl1-o{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-radius:14px;padding:10px 12px}
[data-mb] .fl1-o--bad{background:#fff;border:1.5px dashed #f0b8ba} [data-mb] .fl1-o--good{background:linear-gradient(135deg,#fff5e3,#ffe9c4);box-shadow:inset 0 0 0 1.5px rgba(247,147,26,.4)}
[data-mb] .fl-i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff1e3;color:#ff7800;flex-shrink:0} [data-mb] .fl-i svg{width:19px;height:19px}
[data-mb] .fl-i--hot{background:#e5484d;color:#fff} [data-mb] .fl-i--bad{background:#fdeeee;color:#e5484d} [data-mb] .fl-i--btc{background:#fff} [data-mb] .fl-i--btc svg{width:24px;height:24px}
[data-mb] .fl b{display:block;font-size:14px} [data-mb] .fl small{display:block;font-size:12px;color:#6b6b74;line-height:1.35}
/* тепло */
[data-mb] .kx-ex{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
[data-mb] .kx-ex>div{border-radius:14px;padding:12px 14px}
[data-mb] .kx-ex small{display:block;font-size:12px;color:#6b6b74}
[data-mb] .kx-ex__old{background:#f7f7f8} [data-mb] .kx-ex__old b{font-size:22px;color:#c4363b;font-weight:800} [data-mb] .kx-ex__old span{display:block;font-size:12px;color:#6b6b74}
[data-mb] .kx-ex__new{background:#eef9f1;border:1.5px solid rgba(63,179,79,.35)} [data-mb] .kx-ex__new>small{color:#2f8a3c;font-weight:600}
[data-mb] .kx-w{display:flex;align-items:center;gap:14px;margin-top:6px}
[data-mb] .kx-w__m{display:flex;flex-direction:column;padding-right:14px;border-right:1px solid rgba(63,179,79,.3)} [data-mb] .kx-w__m b{font-size:26px;color:var(--g);font-weight:800;white-space:nowrap} [data-mb] .kx-w__m span{font-size:12px;color:#2f8a3c;font-weight:600}
[data-mb] .kx-w__s{display:flex;flex-direction:column;gap:3px} [data-mb] .kx-w__s span{font-size:12px;color:#55555d} [data-mb] .kx-w__s b{font-size:14px;color:#141414;margin-right:4px}
[data-mb] .kx-year{margin-top:18px;padding-top:16px;border-top:1px solid #ececef}
[data-mb] .kx-cons__t{display:block;font-size:13px;font-weight:600;color:#6b6b74;margin-bottom:10px}
[data-mb] .kx-ms{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
[data-mb] .kx-m{display:flex;flex-direction:column;align-items:center;gap:4px} [data-mb] .kx-m i{width:100%;height:26px;border-radius:6px;background:#e8f3ff} [data-mb] .kx-m.is-heat i{background:linear-gradient(180deg,#ffa600,#ff7800)} [data-mb] .kx-m span{font-size:9px;font-weight:600;color:#6b6b74}
[data-mb] .kx-leg{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:12.5px;color:#55555d} [data-mb] .kx-leg span{display:flex;gap:7px;align-items:flex-start} [data-mb] .kx-leg b{color:#141414}
[data-mb] .kx-k{width:12px;height:12px;border-radius:3px;background:#e8f3ff;flex-shrink:0;margin-top:3px} [data-mb] .kx-k--heat{background:linear-gradient(180deg,#ffa600,#ff7800)}
/* прошивка */
[data-mb] .fw2-g{display:block}
[data-mb] .fw2-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
[data-mb] .fw2-list li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#f7f7f8;border-radius:14px;padding:12px}
[data-mb] .fw2-list b{font-size:13.5px;display:block} [data-mb] .fw2-list small{font-size:11.5px;color:#6b6b74;display:block}
[data-mb] .fw-i{width:32px;height:32px;border-radius:9px;background:#fff1e3;color:#ff7800;display:grid;place-items:center} [data-mb] .fw-i svg{width:17px;height:17px}
[data-mb] .fw-tg{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:12px;background:#2aabee;color:#fff;font:600 15px Montserrat,sans-serif;text-decoration:none} [data-mb] .fw-tg svg{width:20px;height:20px}
[data-mb] .fw2-ui{margin-top:16px;background:#141416;border-radius:16px;overflow:hidden;color:#f2f2f4;font-family:Montserrat,sans-serif}
[data-mb] .fw2-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#1d1d21;font-size:10.5px;color:#9a9aa3} [data-mb] .fw2-bar i{width:8px;height:8px;border-radius:50%;background:#3a3a40} [data-mb] .fw2-bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-mb] .fw2-on{margin-left:auto;color:#5fd16b;white-space:nowrap}
[data-mb] .fw2-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
[data-mb] .fw2-k{background:#1d1d21;border-radius:10px;padding:8px 10px} [data-mb] .fw2-k small{display:block;font-size:10px;color:#8f8f99} [data-mb] .fw2-k b{display:block;font-size:15px;font-weight:800}
[data-mb] .fw2-d{display:inline-block;margin-top:3px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:#2a2a30;color:#c7c7cd} [data-mb] .fw2-d.is-up{background:rgba(255,138,0,.18);color:#ffa600} [data-mb] .fw2-d.is-ok{background:rgba(95,209,107,.15);color:#5fd16b}
[data-mb] .fw2-chart{grid-column:1/-1;background:#1d1d21;border-radius:10px;padding:8px 10px} [data-mb] .fw2-chart svg{width:100%;height:50px;display:block} [data-mb] .fw2-chart small{font-size:10px;color:#8f8f99}
[data-mb] .fw2-modes{grid-column:1/-1} [data-mb] .fw2-modes small{display:block;font-size:10px;color:#8f8f99;margin-bottom:5px}
[data-mb] .fw2-modes div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#1d1d21;border-radius:10px;padding:3px}
[data-mb] .fw2-m{height:38px;border:0;border-radius:8px;background:transparent;color:#c7c7cd;font:600 12px Montserrat,sans-serif} [data-mb] .fw2-m.is-on{background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff}
[data-mb] .fw2-prot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px} [data-mb] .fw2-prot span{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#c7c7cd;background:#1d1d21;border-radius:999px;padding:4px 9px} [data-mb] .fw2-prot svg{width:12px;height:12px;color:#5fd16b}
/* відео */
[data-mb] .w1 .hv-box{background:linear-gradient(180deg,#f4f4f5,#efeff1)}
[data-mb] .w1-h{text-align:center;display:flex;flex-direction:column;align-items:center}
[data-mb] .w1-h .hv-lead{margin-bottom:14px}
[data-mb] .w-yt{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;width:100%;border-radius:12px;color:#fff;font:600 15px Montserrat,sans-serif;text-decoration:none;background:linear-gradient(90deg,#ff0000,#de5656)} [data-mb] .w-yt svg{width:24px;height:24px}
[data-mb] .w1-g{display:flex;flex-direction:column;gap:16px;margin-top:18px}
[data-mb] .vd-th{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;background:#111}
[data-mb] .vd-th img{width:100%;height:100%;object-fit:cover}
[data-mb] .vd-th i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.95);color:#141414;display:grid;place-items:center} [data-mb] .vd-th i svg{width:22px;height:22px;margin-left:3px}
[data-mb] .vd-if{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;display:block}
[data-mb] .w1-cap{padding:8px 4px 0} [data-mb] .w-step{display:block;font-size:11.5px;font-weight:700;color:#ff7800} [data-mb] .w1-cap b{font-size:14.5px}
/* Telegram */
[data-mb] .tk3 .hv-box{padding-bottom:0!important;background:linear-gradient(180deg,#fff 40%,#eaf6fd)}
[data-mb] .tk3 h2 em{display:block;color:#2aabee!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
[data-mb] .tgx-b{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
[data-mb] .tgx-b li{display:flex;align-items:center;gap:12px} [data-mb] .tgx-b i{width:30px;height:30px;border-radius:50%;background:#eef7fd;color:#2aabee;display:grid;place-items:center;flex-shrink:0} [data-mb] .tgx-b i svg{width:15px;height:15px}
[data-mb] .tgx-b b{display:block;font-size:14.5px} [data-mb] .tgx-b small{display:block;font-size:12.5px;color:#6b6b74}
[data-mb] .m-tgbtn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;margin-top:18px;border-radius:14px;background:#2aabee;color:#fff;font:700 16px Montserrat,sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(42,171,238,.35)} [data-mb] .m-tgbtn svg{width:22px;height:22px}
[data-mb] .m-tgfree{display:block;text-align:center;font-size:12px;color:#8b8b95;margin-top:8px}
[data-mb] .tk-soc,[data-mb] .tk3-c{display:none}
[data-mb] .tk3-r{display:flex;justify-content:center;margin-top:16px;position:relative}
[data-mb] .tk3-hand{display:block;height:300px;width:auto;margin-bottom:-1px}
[data-mb] .tc-glow{display:none}

/* ══ ВАРІАНТ 2 — компактний: картинка праворуч від заголовка, менше тексту ══ */
[data-mb="2"] .sx .hv-head,[data-mb="2"] .kx .hv-head{position:relative;padding-right:118px;min-height:110px}
[data-mb="2"] .m-ill{position:absolute;width:118px;max-width:none;margin:0;right:10px}
[data-mb="2"] .sx .hv-box,[data-mb="2"] .kx .hv-box{position:relative}
[data-mb="2"] .m-ill--sun{top:22px} [data-mb="2"] .m-ill--heat{top:20px}
[data-mb="2"] .sx .hv-lead,[data-mb="2"] .kx .hv-lead{font-size:13px}
[data-mb="2"] .fl1-src,[data-mb="2"] .fl1-row:first-child,[data-mb="2"] .fl1-c--surplus{display:none}
[data-mb="2"] .fl{margin-top:12px;padding-top:12px}
[data-mb="2"] .hv-note{display:none}
[data-mb="2"] .kx-leg{display:none}
[data-mb="2"] .fw2-chart,[data-mb="2"] .fw2-prot,[data-mb="2"] .fw2-list small{display:none}
[data-mb="2"] .fw2-list li{flex-direction:row;align-items:center;padding:10px}
[data-mb="2"] .fw .hv-lead{display:none}
[data-mb="2"] .w1-h{text-align:left;align-items:stretch} [data-mb="2"] .w1-h .w-yt{order:5}
[data-mb="2"] .w1-g{gap:10px;margin:12px 0 0}
[data-mb="2"] .w1-c{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}
[data-mb="2"] .w1-c .vd-th,[data-mb="2"] .w1-c .vd-if{border-radius:12px} [data-mb="2"] .w1-c .vd-th i{width:34px;height:34px;margin:-17px 0 0 -17px} [data-mb="2"] .w1-c .vd-th i svg{width:15px;height:15px}
[data-mb="2"] .w1-cap{padding:0} [data-mb="2"] .w1-cap b{font-size:13.5px;line-height:1.3;display:block}
[data-mb="2"] .w1 .hv-box{display:flex!important;flex-direction:column}
[data-mb="2"] .w1-h{display:contents} [data-mb="2"] .w1-h h2{order:1} [data-mb="2"] .w1-h .hv-lead{order:2;margin-bottom:0} [data-mb="2"] .w1-g{order:3} [data-mb="2"] .w-yt{order:4;margin-top:14px}
[data-mb="2"] .tk3 .hv-box{position:relative;background:linear-gradient(135deg,#2aabee,#1a8fd0 60%,#1679b8)!important;color:#fff;border:0!important;padding:22px 16px 0!important;min-height:0}
[data-mb="2"] .tk3 h2,[data-mb="2"] .tk3 h2 em{color:#fff!important}
[data-mb="2"] .tk3 .hv-lead,[data-mb="2"] .tk3 .tgx-b small{color:rgba(255,255,255,.85)}
[data-mb="2"] .tk3 .tgx-b b{color:#fff} [data-mb="2"] .tk3 .tgx-b i{background:rgba(255,255,255,.2);color:#fff}
[data-mb="2"] .tk3 .tk3-l{position:relative;z-index:2;padding-right:0}
[data-mb="2"] .tk3 .tgx-b{padding-right:120px}
[data-mb="2"] .m-tgbtn{background:#fff;color:#1a8fd0;box-shadow:0 10px 24px rgba(0,0,0,.18)}
[data-mb="2"] .m-tgfree{color:rgba(255,255,255,.8);margin-bottom:18px}
[data-mb="2"] .tk3-r{position:absolute;right:-10px;top:150px;margin:0;z-index:1}
[data-mb="2"] .tk3-hand{height:250px}
}
@media (max-width:760px){
[data-mb] .sx2 h2 em{color:var(--g)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:currentColor}
[data-mb] .sx2-w__m span,[data-mb] .kx-w__m span{white-space:nowrap}
[data-mb] .kx-leg span{display:block;padding-left:19px;position:relative} [data-mb] .kx-leg .kx-k{position:absolute;left:0;top:0}
}
@media (max-width:760px){
  [data-mb="2"] .sx .hv-head,[data-mb="2"] .kx .hv-head{padding-right:0;min-height:0}
  [data-mb="2"] .m-ill{position:static;width:150px;margin:0 auto 10px;display:block}
  [data-mb="2"] .sx .hv-box,[data-mb="2"] .kx .hv-box{display:flex!important;flex-direction:column}
  [data-mb="2"] .sx2-g,[data-mb="2"] .kx-g,[data-mb="2"] .sx2-l,[data-mb="2"] .kx-l{display:contents}
  [data-mb="2"] .m-ill{order:-1}
  [data-mb="2"] .w1-h{text-align:center}
  [data-mb="2"] .tk3 .tgx-b{padding-right:0}
  [data-mb="2"] .tk3-r{position:static;margin-top:10px}
  [data-mb="2"] .tk3-hand{height:240px}
}
@media (max-width:760px){[data-mb] .sx2-ex,[data-mb] .sx2-ex>div,[data-mb] .kx-ex,[data-mb] .kx-ex>div{min-width:0;width:100%;box-sizing:border-box}[data-mb] .sx2-w__s span{white-space:normal}}
/* 06.10 «тексти криві» — mb1/mb2 */
@media (max-width:760px){
  [data-mb] .sx2-w,[data-mb] .kx-w{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 14px}
  [data-mb] .sx2-w__m,[data-mb] .kx-w__m{flex-direction:column;align-items:flex-start;gap:0;padding-right:14px}
  [data-mb] .sx2-w__m b,[data-mb] .kx-w__m b{font-size:27px;line-height:1.05}
  [data-mb] .sx2-w__m span,[data-mb] .kx-w__m span{font-size:12.5px}
  [data-mb] .sx2-w__s,[data-mb] .kx-w__s{gap:6px}
  [data-mb] .sx2-w__s span,[data-mb] .kx-w__s span{display:block;font-size:11.5px;line-height:1.25;color:#6b6b74;white-space:normal}
  [data-mb] .sx2-w__s b,[data-mb] .kx-w__s b{display:block;font-size:15px;margin:0;color:#141414}
  [data-mb] .sx2-ex small,[data-mb] .kx-ex small{font-size:12.5px}
  [data-mb] .sx2-ex>div:first-child b{font-size:16px;display:block;margin-top:2px}
  [data-mb] .kx-ex__old b{display:block;margin-top:2px}
  [data-mb] .fl1-o b{font-size:14.5px} [data-mb] .fl1-o small{font-size:12.5px}
  [data-mb] .fw2-bar i{display:none} [data-mb] .fw2-bar span{margin-left:0;font-size:10.5px}
  [data-mb] .fw2-list b{font-size:14px;line-height:1.25}
  [data-mb] .w1-cap b{line-height:1.3}
  [data-mb] .tgx-b b{font-size:15px} [data-mb] .tgx-b small{font-size:13px}
  [data-mb] .m-tgfree{font-size:12.5px}
  [data-mb] .kx-cons__t{text-align:center}
  [data-mb="2"] .w1-c .w1-cap b{font-size:14px}
}
@media (max-width:760px){
  [data-mb] .sx h2 em,[data-mb] .kx h2 em,[data-mb] .fw h2 em,[data-mb] .vd h2 em,[data-mb] .tgc h2 em{display:block!important}
  [data-mb] .fl1-src{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center}
  [data-mb] .fl1-src .fl-i{grid-row:1/3}
  [data-mb] .fl1-src b{grid-column:2} [data-mb] .fl1-src small{grid-column:2}
}
@media (max-width:760px){[data-mb] .fl1-src{align-content:center;row-gap:0}[data-mb] .fl1-src small{margin-top:2px}}
/* 06.10 Антон: картка доходу сонця — варіант A (одна велика цифра + 2 рівні клітинки) */
@media (max-width:760px){
  [data-mb] .sx2-ex .sx2-ex__w{padding:14px 14px 4px;text-align:center}
  [data-mb] .sx2-ex__w>small{text-align:center;font-size:12.5px}
  [data-mb] .sx2-w{display:block;margin-top:4px}
  [data-mb] .sx2-w__m{display:flex;flex-direction:column;align-items:center;padding:4px 0 12px;border:0}
  [data-mb] .sx2-w__m b{font-size:40px;line-height:1.05;letter-spacing:-.02em}
  [data-mb] .sx2-w__m span{font-size:13px;margin-top:2px}
  [data-mb] .sx2-w__s{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(63,179,79,.25)}
  [data-mb] .sx2-w__s span{display:flex;flex-direction:column;align-items:center;padding:10px 4px;font-size:12px;color:#6b6b74;text-align:center}
  [data-mb] .sx2-w__s span+span{border-left:1px solid rgba(63,179,79,.25)}
  [data-mb] .sx2-w__s b{font-size:18px;margin:0 0 1px}
}
/* 06.10 Антон: «Без/з асіком» — варіант A (два рядки), замість схеми на мобілці */
.m-vs{display:none}
@media (max-width:760px){
  [data-mb] #sun .fl{display:none}
  [data-mb] .m-vs{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #ececef}
  [data-mb] .m-vs__t{margin:0 0 12px;text-align:center;font-size:13px;font-weight:600;color:#6b6b74}
  [data-mb] .m-vs__it{display:flex;align-items:center;gap:12px;border-radius:16px;padding:14px}
  [data-mb] .m-vs__it+.m-vs__it{margin-top:8px}
  [data-mb] .m-vs__it.is-bad{background:#fff;border:1.5px dashed #f0b8ba}
  [data-mb] .m-vs__it.is-good{background:linear-gradient(135deg,#fff5e3,#ffe9c4);box-shadow:inset 0 0 0 1.5px rgba(247,147,26,.4)}
  [data-mb] .m-vs__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#fdeeee;color:#e5484d}
  [data-mb] .m-vs__ic svg{width:22px;height:22px} [data-mb] .m-vs__ic.is-btc{background:#fff;box-shadow:0 4px 12px rgba(247,147,26,.3)} [data-mb] .m-vs__ic.is-btc svg{width:26px;height:26px}
  [data-mb] .m-vs__tx{flex:1;min-width:0} [data-mb] .m-vs__tx b{display:block;font-size:15px} [data-mb] .m-vs__tx small{display:block;font-size:12.5px;color:#55555d;line-height:1.35;margin-top:2px}
  [data-mb] .m-vs__n{text-align:right;flex-shrink:0} [data-mb] .m-vs__n b{display:block;font-size:22px;font-weight:800;line-height:1;white-space:nowrap} [data-mb] .m-vs__n small{font-size:11px;color:#6b6b74;white-space:nowrap}
  [data-mb] .is-bad .m-vs__n b{color:#c4363b} [data-mb] .is-good .m-vs__n b{color:#3fb34f}
}
/* 06.10 Антон: «Куди йде тепло» — варіант B (кільце року) на мобілці */
.m-year{display:none}
@media (max-width:760px){
  [data-mb] #heat .kx-year{display:none}
  [data-mb] .m-year{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #ececef}
  [data-mb] .m-year__t{margin:0 0 12px;text-align:center;font-size:14px;font-weight:700}
  [data-mb] .m-year__ring{position:relative;width:220px;height:220px;margin:0 auto}
  [data-mb] .m-year__ring svg{width:100%;height:100%;display:block}
  [data-mb] .m-year__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  [data-mb] .m-year__c b{font-size:34px;font-weight:800;line-height:1} [data-mb] .m-year__c small{font-size:12px;color:#6b6b74;margin-top:2px}
  [data-mb] .m-year__lg{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
  [data-mb] .m-year__lg li{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px}
  [data-mb] .m-year__lg li.is-w{background:#fff5e8} [data-mb] .m-year__lg li.is-s{background:#f2f8ff}
  [data-mb] .m-year__lg span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
  [data-mb] .is-w span{background:#fff1e3;color:#ff7800} [data-mb] .is-s span{background:#e8f3ff;color:#2b7de9}
  [data-mb] .m-year__lg span svg{width:19px;height:19px}
  [data-mb] .m-year__lg b{display:block;font-size:14px} [data-mb] .m-year__lg small{display:block;font-size:12.5px;color:#55555d}
}
/* 06.10 Антон: прошивка на мобілці — варіант B (велике +30%, 3 плитки, панель, кнопки знизу) */
.m-fwb{display:none}
@media (max-width:760px){
  [data-mb] .fw .hv-lead,[data-mb] .fw2-list,[data-mb] .fw2-chart,[data-mb] .fw2-prot{display:none!important}
  [data-mb] .fw2-g{display:flex!important;flex-direction:column}
  [data-mb] .fw2-g>div:first-child{display:contents}
  [data-mb] .fw2-g .hv-head{order:1} [data-mb] .m-fwb{order:2;display:block} [data-mb] .fw2-ui{order:3} [data-mb] .fw2-g .hv-acts{order:4}
  [data-mb] .m-fwb__lead{margin:8px auto 0;max-width:330px;text-align:center;font-size:14px;line-height:1.5;color:#6b6b74}
  [data-mb] .m-fwb__hero{margin-top:16px;border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff5e8,#ffe6c7);text-align:center}
  [data-mb] .m-fwb__hero b{display:block;font-size:52px;font-weight:800;line-height:1;color:transparent;background:linear-gradient(90deg,#ff7800,#ffa600);-webkit-background-clip:text;background-clip:text}
  [data-mb] .m-fwb__hero span{display:block;font-size:13.5px;font-weight:600;margin-top:4px}
  [data-mb] .m-fwb__hero small{display:block;font-size:12px;color:#6b6b74;margin-top:2px}
  [data-mb] .m-fwb__ch{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px}
  [data-mb] .m-fwb__ch>span{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f7f7f8;border-radius:14px;padding:12px 6px;font-size:12px;font-weight:700;text-align:center;line-height:1.25}
  [data-mb] .m-fwb__ch i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#fff1e3;color:#ff7800} [data-mb] .m-fwb__ch i svg{width:22px;height:22px}
  [data-mb] .fw2-modes small{font-size:0} [data-mb] .fw2-modes small::after{content:"Спробуйте режим";font-size:10px}
  [data-mb] .fw2-g .hv-acts{margin-top:16px}
}
/* 06.10 Антон: відео на мобілці — vidsite варіант 2 (без ілюстрації): головне велике + 2 сірі рядки, без 01/02 */
@media (max-width:760px){
  [data-mb] .w1 .hv-box{display:flex!important;flex-direction:column;background:#fff!important;border:1px solid #e6e6ea!important}
  [data-mb] .w1-h{display:contents} [data-mb] .w1-h h2{order:1} [data-mb] .w1-h .hv-lead{order:2;margin-bottom:0}
  [data-mb] .w1-g{order:3;display:flex!important;flex-direction:column;gap:8px!important;margin:16px 0 0!important}
  [data-mb] .w-yt{order:4;margin-top:16px!important}
  [data-mb] .w-step{display:none!important}
  [data-mb] .w1-c{display:block!important}
  [data-mb] .w1-c:first-child .vd-th,[data-mb] .w1-c:first-child .vd-if{border-radius:16px}
  [data-mb] .w1-c:first-child .vd-th i{width:56px!important;height:56px!important;margin:-28px 0 0 -28px!important}
  [data-mb] .w1-c:first-child .vd-th i svg{width:22px!important;height:22px!important}
  [data-mb] .w1-c:first-child .w1-cap{padding:10px 0 6px!important;text-align:center}
  [data-mb] .w1-c:first-child .w1-cap b{font-size:16px!important;line-height:1.3}
  [data-mb] .w1-c+.w1-c{display:grid!important;grid-template-columns:96px 1fr;gap:12px;align-items:center;background:#f7f7f8;border-radius:14px;padding:6px 10px 6px 6px}
  [data-mb] .w1-c+.w1-c .vd-th,[data-mb] .w1-c+.w1-c .vd-if{border-radius:10px}
  [data-mb] .w1-c+.w1-c .vd-th i{width:30px!important;height:30px!important;margin:-15px 0 0 -15px!important;background:#fff1e3!important;color:#ff7800}
  [data-mb] .w1-c+.w1-c .vd-th i svg{width:13px!important;height:13px!important;margin-left:2px}
  [data-mb] .w1-c+.w1-c .w1-cap{padding:0!important;text-align:left} [data-mb] .w1-c+.w1-c .w1-cap b{font-size:13.5px!important;line-height:1.3}
}
@media (max-width:760px){[data-mb] .w1-c+.w1-c{display:none!important}[data-mb] .w1-c:first-child .w1-cap{display:none!important}}
@media (max-width:760px){[data-mb] .tk3-r,[data-mb] .m-tgfree{display:none!important}[data-mb] .tk3 .hv-box{padding-bottom:22px!important}[data-mb] .m-tgbtn{margin-bottom:0}}
/* 06.10 Антон: блок «Нам довіряють — 5,0 у Google» (варіант 2), мобілка, перед заявкою */
.m-grev{display:none}
@media (max-width:760px){
  [data-mb] #grev{display:block;order:7} [data-mb] #contact{order:8}
  [data-mb] #grev .hv-box{padding:22px 16px}
  [data-mb] #grev h2{margin:0;text-align:center;font-size:22px!important;font-weight:800;text-transform:uppercase;line-height:1.18}
  [data-mb] #grev h2 em{display:block;font-style:normal;color:transparent;background:linear-gradient(90deg,#ff7800,#ffa600);-webkit-background-clip:text;background-clip:text}
  [data-mb] .mg-g{width:22px;height:22px;flex-shrink:0}
  [data-mb] .mg-st{color:#fbbc04;letter-spacing:1px;font-size:15px}
  [data-mb] .mg-score{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 12px;text-decoration:none;color:#141414}
  [data-mb] .mg-score b{font-size:26px;font-weight:800} [data-mb] .mg-score .mg-st{font-size:18px} [data-mb] .mg-score small{font-size:12.5px;color:#6b6b74}
  [data-mb] .mg-rv{background:#f7f7f8;border-radius:16px;padding:12px 14px}
  [data-mb] .mg-h{display:flex;align-items:center;gap:8px;margin-bottom:4px} [data-mb] .mg-h b{font-size:14px} [data-mb] .mg-h .mg-g{width:16px;height:16px;margin-left:auto}
  [data-mb] .mg-av{width:30px;height:30px;border-radius:50%;background:#a64bd3;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}
  [data-mb] .mg-rv .mg-st{font-size:13px} [data-mb] .mg-rv p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:#3a3a40}
  [data-mb] .mg-lnk{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;height:40px;font-size:14px;font-weight:600;color:#141414;text-decoration:none}
  [data-mb] .mg-ar{width:18px;height:18px}
}
@media (max-width:760px){[data-mb] #grev h2 em .mg-blk{color:#141414;-webkit-text-fill-color:#141414}}
/* 06.10 Антон: Google-блок на десктопі — варіант 5 (велика оцінка ліворуч, 2 відгуки праворуч) */
.d-grev{display:none}
@media (min-width:761px){
  #hvm>#gdk{display:block;order:6}
  #gdk .hv-box{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:stretch;padding:30px 36px}
  #gdk .mg-g{width:22px;height:22px;flex-shrink:0} #gdk .mg-st{color:#fbbc04;letter-spacing:1px}
  .dg-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f7f7f8;border-radius:20px;padding:22px;text-decoration:none;color:#141414;text-align:center}
  .dg-big .mg-g{width:34px;height:34px} .dg-n{font-size:56px;font-weight:800;line-height:1} .dg-big .mg-st{font-size:22px} .dg-big small{font-size:13px;color:#6b6b74}
  .dg-b{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:700} .dg-b svg{width:18px;height:18px}
  .dg-big:hover{background:#f0f0f2;color:#141414}
  .dg-r{display:flex;flex-direction:column;gap:14px;justify-content:center}
  #gdk h2{margin:0;font-size:22px;font-weight:800;text-transform:uppercase;line-height:1.18}
  .dg-o{color:transparent;background:linear-gradient(90deg,#ff7800,#ffa600);-webkit-background-clip:text;background-clip:text}
  .dg-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .dg-rv{background:#f7f7f8;border-radius:16px;padding:14px 16px}
  #gdk .mg-h{display:flex;align-items:center;gap:8px;margin-bottom:4px} #gdk .mg-h b{font-size:14.5px} #gdk .mg-h .mg-g{width:17px;height:17px;margin-left:auto}
  #gdk .mg-av{width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}
  .dg-rv .mg-st{font-size:14px} .dg-rv p{margin:5px 0 0;font-size:14px;line-height:1.5;color:#3a3a40}
}
/* 06.10 Антон: панель 5,0 — у чорному стилі (як чорні кнопки сайту) */
@media (min-width:761px){
  .dg-big{background:linear-gradient(223deg,#2b2b2b,#000)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.18)}
  .dg-big:hover{background:linear-gradient(223deg,#3a3a3a,#111)!important;color:#fff!important}
  .dg-big .mg-g{background:#fff;border-radius:50%;padding:5px;width:40px!important;height:40px!important}
  .dg-big small{color:#b5b5bd!important}
  .dg-b{color:#fff}
}

/* ── порядок блоків (десктоп) ── */
@media (min-width:761px){#hvm{display:flex;flex-direction:column}#hvm>*{order:99}#hvm>#top5{order:0}#hvm>#hv-steps{order:1}#hvm>#sun{order:2}#hvm>#heat{order:3}#hvm>#fwb{order:4}#hvm>#vid{order:5}#hvm>#tgc{order:6}#hvm>#contact{order:7}}

/* RU */
@media (max-width:760px){html[lang="ru"] [data-mb] .fw2-modes small::after{content:"Попробуйте режим"}}

/* ── мобільний банер (Антон 06.10) ── */
/* 06.10 Антон: мобільний банер — без кнопок і плашок, заголовок шрифтом назви асіка, кольорова частина = колір ціни слайда */
.hero-mt{display:none}
@media (max-width:991px){
  .section-hero-main .hero-description h1,.section-hero-main .hero-description h3{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important;padding:0!important}
  .section-hero-main .hero-contacts,.section-hero-main .hero-title{display:none!important}
  .section-hero-main{height:556px!important;overflow:hidden}
  .section-hero-main .content-hero{height:556px!important;min-height:0!important;padding-top:22px!important;gap:0!important}
  .section-hero-main picture img{top:auto!important;bottom:-14px!important;height:693px!important}
  .section-hero-main .ho{top:auto!important;bottom:-14px!important;height:713px!important}
  .section-hero-main .hero-description{display:flex;flex-direction:column;align-items:center;text-align:center}
  .section-hero-main .hero-description .hero-mt{display:block!important;font-family:BebasNeueHO,BebasNeue,Oswald,"Arial Narrow",sans-serif!important;font-weight:700!important;
    font-size:38px!important;line-height:1!important;letter-spacing:.005em!important;text-transform:uppercase;color:#fff!important;max-width:350px;margin:0 auto!important;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.35)}
  .section-hero-main .hero-description .hero-mt em{display:block;font-style:normal;text-shadow:none;color:transparent;-webkit-background-clip:text;background-clip:text;
    background-image:linear-gradient(180deg,#45b6ff 0%,#2a86ff 100%)}
  .hero-slider .section-hero-main:nth-child(2) .hero-description .hero-mt em{background-image:linear-gradient(180deg,#ffd27a 0%,#ff8a3d 100%)}
}