/* VL: вітрина бази знань у подачі ERCO (25.10.2026). Діє лише на /baza-znaniy/ (корінь), класи під #vlhub */
html.vlhub-pre .main_blog_block~.row{visibility:hidden}
.vlhub-on aside#column-left,.vlhub-on #content>.blog,.vlhub-on .pagination{display:none!important}
.vlhub-on .main_blog_block h1{display:none}
#vlhub{--ink:#1e1e1e;--mut:#6b7178;--line:#e3e5e8;--gr:#f4f5f6;--hov:#eaecee;--acc:#d4572a;color:var(--ink);font-family:inherit}
#vlhub *{box-sizing:border-box}
#vlhub a{color:inherit;text-decoration:none}
#vlhub [hidden]{display:none!important}
#vlhub h2.vh-h{font-size:clamp(24px,2.6vw,32px);line-height:1.15;font-weight:500;letter-spacing:-.01em;margin:0 0 22px;text-transform:none}
#vlhub section{padding:48px 0 0}
#vlhub .vh-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:end;padding:8px 0 0}
#vlhub .vh-hero h1{font-size:12px!important;line-height:1.4!important;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400;margin:0 0 14px!important;display:block!important}
#vlhub .vh-tag{font-size:clamp(34px,4.6vw,56px);line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:0;max-width:14ch}
#vlhub .vh-lead{color:var(--mut);max-width:44ch;margin:18px 0 0;font-size:16px;line-height:1.55}
#vlhub .vh-ask{font-size:14px;color:var(--mut);margin:0 0 12px}
#vlhub .vh-feats{display:grid;gap:10px}
#vlhub .vh-feat{display:grid;grid-template-columns:132px minmax(0,1fr);background:var(--gr);min-height:112px;overflow:hidden;transition:background .2s}
#vlhub .vh-feat img,#vlhub .vh-row img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
#vlhub .vh-feat:hover{background:var(--hov)}#vlhub .vh-feat:hover img{transform:scale(1.05)}
#vlhub .vh-ft{display:flex;flex-direction:column;gap:4px;padding:14px 18px;min-width:0}
#vlhub .vh-ft b{font-weight:500;font-size:16px;line-height:1.3}
#vlhub .vh-ft small{color:var(--mut);font-size:13px;line-height:1.4}
#vlhub .vh-ft i,#vlhub .vh-row i{font-style:normal;font-size:12px;margin-top:auto}
#vlhub .vh-ft i{color:var(--acc)}
#vlhub .vh-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
#vlhub .vh-tile{position:relative;aspect-ratio:3/4.2;overflow:hidden;scroll-snap-align:start;background:var(--gr);display:block}
#vlhub .vh-tile img,#vlhub .vh-b img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
#vlhub .vh-tile:after,#vlhub .vh-b:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 40%,rgba(12,12,12,.82))}
#vlhub .vh-tile span{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;display:grid;gap:2px}
#vlhub .vh-tile b{font-size:19px;line-height:1.2;font-weight:500;color:#fff}
#vlhub .vh-tile small{color:#d5d8db;font-size:13px}
#vlhub .vh-tile:hover img,#vlhub .vh-b:hover img{transform:scale(1.05)}
#vlhub .vh-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:10px}
#vlhub .vh-b{position:relative;overflow:hidden;background:var(--gr);display:block}
#vlhub .vh-bt{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:grid;gap:6px}
#vlhub .vh-bt i{font-style:normal;font-size:12px;color:#d5d8db}
#vlhub .vh-bt b{font-size:17px;line-height:1.25;font-weight:500;color:#fff}
#vlhub .vh-b1{grid-column:span 2;grid-row:span 2}#vlhub .vh-b1 .vh-bt b{font-size:clamp(22px,2.4vw,30px);line-height:1.15}
#vlhub .vh-b2,#vlhub .vh-b5{grid-column:span 2}
#vlhub .vh-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
#vlhub .vh-chip{font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--gr);border:1px solid var(--line);padding:8px 14px;cursor:pointer;transition:background .2s;border-radius:0}
#vlhub .vh-chip sup{color:var(--mut);font-size:11px;font-weight:400;margin-left:2px}
#vlhub .vh-chip:hover{background:var(--hov)}
#vlhub .vh-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}#vlhub .vh-chip.on sup{color:#b9bdc2}
#vlhub .vh-chip:focus-visible,#vlhub a:focus-visible,#vlhub .vh-more:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#vlhub .vh-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#vlhub .vh-row{display:grid;grid-template-columns:104px minmax(0,1fr);background:var(--gr);min-height:84px;overflow:hidden;transition:background .2s}
#vlhub .vh-row span{display:flex;flex-direction:column;gap:6px;padding:12px 16px;min-width:0}
#vlhub .vh-row b{font-weight:500;font-size:14.5px;line-height:1.35}
#vlhub .vh-row i{color:var(--mut)}
#vlhub .vh-row:hover{background:var(--hov)}
#vlhub .vh-foot{display:flex;align-items:center;gap:16px;margin:22px 0 56px;color:var(--mut);font-size:14px}
#vlhub .vh-more{font:inherit;font-size:14px;font-weight:500;background:#fff;color:var(--ink);border:1px solid var(--line);padding:11px 18px;cursor:pointer;border-radius:0}
#vlhub .vh-more:hover{border-color:var(--mut)}
@media (max-width:991px){#vlhub .vh-hero{grid-template-columns:minmax(0,1fr);gap:28px}#vlhub .vh-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}#vlhub .vh-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){#vlhub section{padding-top:36px}#vlhub .vh-feat{grid-template-columns:96px minmax(0,1fr)}#vlhub .vh-ft small{display:none}#vlhub .vh-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:200px}#vlhub .vh-b1,#vlhub .vh-b2,#vlhub .vh-b5{grid-column:auto;grid-row:auto}#vlhub .vh-rows{grid-template-columns:minmax(0,1fr)}#vlhub .vh-tiles{grid-auto-columns:62%}}
@media (prefers-reduced-motion:reduce){#vlhub *{transition:none!important}}
body.vlhub-on aside#column-left,body.vlhub-on aside#column-left.hidden-xs{display:none!important}
#vlhub .vh-hero{align-items:start;padding-top:16px}
#vlhub .vh-hero h1,#vlhub .vh-ask{font-size:12px!important;line-height:20px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400;margin:0 0 12px!important}
#vlhub .vh-tag{margin-top:-6px}
#vlhub .vh-feat>img{width:132px;min-width:0}
@media (max-width:575px){#vlhub .vh-feat>img{width:96px}}
/* 1.1.0: сторінки тем */
#vlhub .vh-thero{padding:16px 0 0;display:grid;gap:14px}
#vlhub .vh-thero h1{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.05!important;font-weight:500!important;letter-spacing:-.02em;margin:0!important;display:block!important;text-transform:none!important;color:var(--ink)!important}
#vlhub .vh-cnt0{font-size:12px;line-height:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0;order:-1}
#vlhub .vh-thero .vh-lead{margin:0;max-width:60ch}
#vlhub .vh-nav{margin:10px 0 0}
#vlhub a.vh-chip{display:inline-block;line-height:1.4}
#vlhub a.vh-chip.on{pointer-events:none}
#vlhub .vh-solo{grid-column:span 4;grid-row:span 2}
#vlhub .vh-solo .vh-bt{max-width:720px}#vlhub .vh-solo .vh-bt b{font-size:clamp(24px,2.8vw,34px);line-height:1.15}
#vlhub .vh-solo .vh-bt small{color:#e4e6e8;font-size:15px;line-height:1.5}
#vlhub .vh-w4{grid-column:span 4}
#vlhub .vh-gap{height:56px}
@media (max-width:991px){#vlhub .vh-solo,#vlhub .vh-w4{grid-column:span 2}}
@media (max-width:575px){#vlhub .vh-solo,#vlhub .vh-w4{grid-column:auto}#vlhub .vh-solo .vh-bt small{display:none}#vlhub .vh-nav{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}#vlhub .vh-nav a{flex:0 0 auto}}
/* 1.2.0: блок розрахунку внизу */
#vlhub .vh-cta{margin:56px 0 64px;padding:40px;background:var(--gr);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
#vlhub .vh-eb{font-size:12px;line-height:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 12px}
#vlhub .vh-cta .vh-h{margin:0 0 14px;max-width:20ch}
#vlhub .vh-ctap{color:var(--mut);font-size:16px;line-height:1.55;margin:0 0 24px;max-width:52ch}
#vlhub .vh-ctab{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
#vlhub .vh-go{font:inherit;font-size:15px;font-weight:500;background:var(--ink);color:#fff;border:0;padding:14px 24px;cursor:pointer;border-radius:0;transition:background .2s}
#vlhub .vh-go:hover{background:#3a3d41}
#vlhub .vh-sec{font-size:15px;font-weight:500;border-bottom:1px solid var(--line);padding-bottom:2px}
#vlhub .vh-sec:hover{border-color:var(--ink)}
#vlhub .vh-cl{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:16px;font-weight:500;transition:color .2s}
#vlhub .vh-cl:last-child{border-bottom:1px solid var(--line)}
#vlhub .vh-cl span:last-child{color:var(--mut);transition:transform .2s}
#vlhub .vh-cl:hover span:last-child{transform:translateX(4px);color:var(--acc)}
#vlhub .vh-go:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:991px){#vlhub .vh-cta{grid-template-columns:minmax(0,1fr);gap:32px;padding:28px}}
@media (max-width:575px){#vlhub .vh-cta{margin:40px -16px 0;padding:28px 16px}}