/* ✦fv:hb — хабы главной между H2 донорского текста (08b). Каждый хаб — своя композиция. */
.fv-prose .fv-hb{clear:both;margin:2.2em 0 2.4em;padding:26px 26px 22px;border-radius:16px;background:var(--fv-papper);border:1px solid var(--fv-linje)}
.fv-prose .fv-hb a{text-decoration:none;color:inherit}
.fv-prose .fv-hb ul,.fv-prose .fv-hb ol{list-style:none;margin:0;padding:0}
.fv-prose .fv-hb li{margin:0;font-size:inherit;line-height:inherit}
.fv-prose .fv-hb li::before,.fv-prose .fv-hb li::after{content:none}
.fv-prose .fv-hb p{margin:0;font-size:15px;line-height:1.5}
.fv-prose .fv-hb img{margin:0;border-radius:0;max-width:100%}
.fv-prose .fv-hb strong{color:var(--fv-natt)}
.fv-hb-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px}
.fv-prose .fv-hb .fv-hb-k{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fv-hav);margin:0 0 4px}
.fv-prose .fv-hb-t{font-size:23px;line-height:1.25;margin:0;color:var(--fv-natt);clear:none}
.fv-prose .fv-hb a.fv-hb-all{white-space:nowrap;font-weight:700;font-size:15px;color:var(--fv-hav);display:inline-flex;align-items:center;gap:6px}
.fv-hb-all .fv-ic{width:16px;height:16px}
.fv-prose .fv-hb a.fv-hb-all:hover{color:var(--fv-hjortron2)}
.fv-prose .fv-hb .fv-hb-more{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.fv-prose .fv-hb .fv-hb-more a{font-size:14.5px;font-weight:700;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--fv-linje);color:var(--fv-natt)}
.fv-prose .fv-hb .fv-hb-more a:hover{border-color:var(--fv-hav);color:var(--fv-hav)}

/* 1 · игры — мозаика фото, подпись поверх кадра */
.fv-hb-mos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:148px;gap:10px;grid-auto-flow:dense}
.fv-hb-mos li{position:relative;border-radius:12px;overflow:hidden;background:var(--fv-natt)}
.fv-hb-mos .fv-hb-m0{grid-column:span 2;grid-row:span 2}
.fv-hb-mos .fv-hb-m1{grid-column:span 2}
.fv-hb-mos a{display:block;height:100%}
.fv-prose .fv-hb-mos img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.fv-hb-mos a:hover img{transform:scale(1.05)}
.fv-hb-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(12,29,51,.92));display:flex;flex-direction:column;gap:2px}
.fv-prose .fv-hb-cap strong{color:#fff;font-size:16px;line-height:1.25}
.fv-hb-cap span{color:rgba(255,255,255,.82);font-size:12.5px;line-height:1.35}
.fv-hb-m0 .fv-hb-cap{padding:60px 18px 16px}
.fv-prose .fv-hb-m0 .fv-hb-cap strong{font-size:22px}
.fv-hb-m0 .fv-hb-cap span{font-size:14.5px}

/* 2 · провайдеры — стена логотипов на ночной подложке */
.fv-prose .fv-hb--prov{background:var(--fv-natt);border-color:var(--fv-natt)}
.fv-prose .fv-hb--prov .fv-hb-t{color:#fff}
.fv-prose .fv-hb--prov .fv-hb-k,.fv-prose .fv-hb--prov a.fv-hb-all{color:var(--fv-hjortron)}
.fv-hb-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fv-hb-wall a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;height:100%;padding:16px 12px 14px;border-radius:12px;background:var(--fv-natt2);border:1px solid var(--fv-natt3);transition:border-color .2s}
.fv-hb-wall a:hover{border-color:var(--fv-hjortron)}
.fv-hb-lg{height:56px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.fv-prose .fv-hb-lg img{max-height:44px;max-width:82%;width:auto;height:auto;object-fit:contain}
.fv-prose .fv-hb-wall strong{color:#fff;font-size:15px}
.fv-hb-wall span:last-child{color:rgba(255,255,255,.7);font-size:13px;line-height:1.4}

/* 3 · устройства — две крупные карточки с бейджем + компактные строки */
.fv-hb-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fv-hb-big a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--fv-linje);border-radius:14px;overflow:hidden}
.fv-hb-big a:hover{border-color:var(--fv-hav)}
.fv-hb-ph{position:relative;display:block}
.fv-prose .fv-hb-ph>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.fv-hb-badge{position:absolute;left:14px;bottom:-22px;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(12,29,51,.18);display:flex;align-items:center;justify-content:center}
.fv-prose .fv-hb-badge img{width:26px;height:26px;object-fit:contain}
.fv-hb-bd{display:flex;flex-direction:column;gap:4px;padding:30px 18px 16px}
.fv-prose .fv-hb-big strong{font-size:20px}
.fv-hb-bd>span{color:var(--fv-mjuk);font-size:15px;line-height:1.45}
.fv-hb-bd em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--fv-hav);display:inline-flex;align-items:center;gap:6px;margin-top:6px}
.fv-hb-bd em .fv-ic{width:15px;height:15px}
.fv-hb-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px!important}
.fv-hb-rows a{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid var(--fv-linje);border-radius:12px;height:100%}
.fv-hb-rows a:hover{border-color:var(--fv-hav)}
.fv-prose .fv-hb-rows img{width:72px;height:54px;object-fit:cover;border-radius:8px;flex:none}
.fv-hb-rows a>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.fv-prose .fv-hb-rows strong{font-size:15px;line-height:1.3}
.fv-hb-rows a>span>span{font-size:13px;line-height:1.35;color:var(--fv-mjuk)}

/* 4 · кассы — таблица сравнения с логотипами */
.fv-prose .fv-hb--kassa{background:#fff}
.fv-hb-tw{border:1px solid var(--fv-linje);border-radius:12px;overflow:hidden}
.fv-hb-cmp{width:100%;border-collapse:collapse;margin:0}
.fv-hb-cmp th{background:var(--fv-natt);color:#fff;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 14px;font-weight:700}
.fv-hb-cmp td{padding:10px 14px;border-top:1px solid var(--fv-linje);vertical-align:middle;font-size:14.5px;line-height:1.4;color:var(--fv-text)}
.fv-hb-cmp tbody tr:nth-child(even) td{background:#f8fafc}
.fv-hb-cmp tbody tr:hover td{background:var(--fv-hav-l)}
.fv-hb-cmp td:first-child a{display:flex;align-items:center;gap:12px}
.fv-hb-cmp td:first-child a:hover strong{color:var(--fv-hav)}
.fv-hb-chip{width:64px;height:40px;flex:none;border-radius:8px;background:#fff;border:1px solid var(--fv-linje);display:flex;align-items:center;justify-content:center;padding:4px}
.fv-prose .fv-hb-chip img{max-width:100%;max-height:30px;width:auto;height:auto;object-fit:contain}
.fv-prose .fv-hb-cmp strong{font-size:15.5px}
.fv-hb-cmp td:nth-child(2) b{display:block;color:var(--fv-natt);font-size:14.5px}
.fv-hb-cmp td:nth-child(2) span{display:block;color:var(--fv-mjuk);font-size:13.5px}
.fv-hb-cmp td:last-child{white-space:nowrap;font-weight:700;color:var(--fv-hav)}

/* 5 · бонусы — тематические плитки: иконка на подложке скина + назначение */
.fv-hb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fv-hb-tiles a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--fv-linje);border-radius:12px;overflow:hidden}
.fv-hb-tiles a:hover{border-color:var(--fv-hjortron)}
.fv-hb-art{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/3;padding:14px;color:#fff;position:relative;overflow:hidden}
.fv-hb-art::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}
.fv-hb-art--natt{background:linear-gradient(140deg,var(--fv-natt),var(--fv-natt3))}
.fv-hb-art--hav{background:linear-gradient(140deg,#0a5a52,var(--fv-hav))}
.fv-hb-art--hjortron{background:linear-gradient(140deg,var(--fv-hjortron2),var(--fv-hjortron));color:var(--fv-natt)}
.fv-hb-art .fv-ic{width:40px;height:40px}
.fv-hb-art b{font-size:15px;line-height:1.25;position:relative}
.fv-prose .fv-hb-tiles strong{padding:12px 14px 2px;font-size:16px;line-height:1.3}
.fv-hb-tiles a>span:last-child{padding:0 14px 14px;font-size:13.5px;color:var(--fv-mjuk)}

/* 6 · топ-листы — «пьедестал»: тройка логотипов из витрины страницы */
.fv-hb-tops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fv-hb-tops a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fv-linje);border-radius:12px;overflow:hidden;height:100%}
.fv-hb-tops a:hover{border-color:var(--fv-hav)}
.fv-hb-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;background:var(--fv-papper);border-bottom:1px solid var(--fv-linje)}
.fv-hb-tl{height:76px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.fv-hb-tl--d{background:#0c1d33}
.fv-hb-tl--l{background:#fff;border:1px solid var(--fv-linje)}
.fv-prose .fv-hb-tl img{width:68px;height:68px;object-fit:contain}
.fv-hb-tops .fv-hb-bd{padding:12px 16px 14px;gap:3px}
.fv-prose .fv-hb-tops strong{font-size:17px}
.fv-hb-tops .fv-hb-bd>span{font-size:14px}
.fv-hb-tops .fv-hb-bd em{margin-top:4px;font-size:13.5px}

/* 7 · лицензия и закон — крупная карточка + список с миниатюрами */
.fv-hb-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
.fv-hb-feat{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:14px;background:var(--fv-natt);color:#fff}
.fv-hb-plate{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;height:104px;padding:14px;margin-bottom:8px}
.fv-prose .fv-hb-plate img{max-height:70px;max-width:90%;width:auto;height:auto;object-fit:contain}
.fv-prose .fv-hb-feat strong{color:#fff;font-size:20px}
.fv-hb-feat>span:not(.fv-hb-plate){color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.5}
.fv-hb-feat em{font-style:normal;font-weight:700;color:var(--fv-hjortron);display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:14.5px}
.fv-hb-feat em .fv-ic{width:15px;height:15px}
.fv-hb-feat:hover em{text-decoration:underline}
.fv-hb-list{display:flex;flex-direction:column;gap:8px}
.fv-hb-list a{display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border:1px solid var(--fv-linje);border-radius:10px}
.fv-hb-list a:hover{border-color:var(--fv-hav)}
.fv-prose .fv-hb-list img{width:66px;height:44px;object-fit:cover;border-radius:7px;flex:none}
.fv-hb-plate--s{width:66px;height:44px;padding:4px;margin:0;border:1px solid var(--fv-linje);border-radius:7px;flex:none}
.fv-prose .fv-hb-plate--s img{max-height:34px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:0}
.fv-hb-list a>span:last-child{display:flex;flex-direction:column;min-width:0}
.fv-prose .fv-hb-list strong{font-size:15px;line-height:1.3}
.fv-hb-list a>span:last-child>span{font-size:13px;color:var(--fv-mjuk);line-height:1.35}
.fv-prose .fv-hb .fv-hb-cred{margin-top:12px;font-size:11.5px;color:var(--fv-mjuk)}
.fv-prose .fv-hb .fv-hb-cred a{text-decoration:underline}

/* 8 · гайды — нумерованная лента */
.fv-hb-steps{display:flex;flex-direction:column;gap:10px;counter-reset:none}
.fv-hb-steps a{display:grid;grid-template-columns:52px 150px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px 12px 12px;background:#fff;border:1px solid var(--fv-linje);border-radius:12px}
.fv-hb-steps a:hover{border-color:var(--fv-hjortron)}
.fv-hb-no{font-size:34px;line-height:1;font-weight:800;color:var(--fv-hjortron);text-align:center;font-variant-numeric:tabular-nums}
.fv-prose .fv-hb-steps img{width:150px;height:100px;object-fit:cover;border-radius:9px}
.fv-hb-steps a>span{display:flex;flex-direction:column;gap:3px}
.fv-prose .fv-hb-steps strong{font-size:17.5px}
.fv-hb-steps a>span>span{font-size:14.5px;color:var(--fv-mjuk);line-height:1.45}

/* 9 · новые гайды — фото-карточки (перенесены из ленты над текстом) */
.fv-prose .fv-hb--nya{background:#fff}
.fv-prose .fv-hb--nya .fv-posts{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.fv-prose .fv-hb--nya .fv-posts{grid-template-columns:minmax(0,1fr)}}
.fv-prose .fv-hb--nya .fv-posts img{border-radius:0}
.fv-prose .fv-hb--nya .fv-posts .fv-pc{padding:12px 14px 14px;gap:6px}
.fv-prose .fv-hb--nya .fv-posts strong{font-size:16px}
.fv-prose .fv-hb--nya .fv-posts span{font-size:13.5px;line-height:1.45}

@media(max-width:700px){
 .fv-prose .fv-hb{padding:18px 14px 16px;margin:1.8em 0;border-radius:14px}
 .fv-hb-h{flex-direction:column;align-items:flex-start;gap:6px}
 .fv-prose .fv-hb-t{font-size:20px}
 .fv-hb-mos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:124px;gap:8px}
 .fv-hb-mos .fv-hb-m0{grid-row:span 2}
 .fv-hb-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .fv-hb-wall a{padding:12px 8px}
 .fv-hb-wall li:last-child:nth-child(odd){grid-column:span 2}
 .fv-hb-big,.fv-hb-rows,.fv-hb-tops,.fv-hb-split{grid-template-columns:minmax(0,1fr)}
 .fv-hb-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .fv-hb-cmp th:nth-child(3),.fv-hb-cmp td:nth-child(3){display:none}
 .fv-hb-cmp td,.fv-hb-cmp th{padding:9px 10px}
 .fv-hb-chip{width:52px;height:34px}
 .fv-hb-cmp td:first-child a{gap:8px}
 .fv-hb-steps a{grid-template-columns:34px 92px minmax(0,1fr);gap:10px;padding:10px}
 .fv-hb-no{font-size:24px}
 .fv-prose .fv-hb-steps img{width:92px;height:66px}
 .fv-prose .fv-hb-steps strong{font-size:16px}
 .fv-hb-steps a>span>span{font-size:13.5px}
 .fv-prose .fv-hb--nya .fv-posts{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:701px) and (max-width:900px){.fv-prose .fv-hb--nya .fv-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}