/* Navigation and news cards for non-banking section pages. */
.wbz-secnav-t{margin:2px 0 14px;color:var(--wbz-ink2);font-size:14px;font-weight:800;letter-spacing:-.01em;text-align:center}
.wbz-secnav{display:flex;justify-content:center;gap:12px;overflow-x:auto;padding:2px 2px 14px}
.wbz-secnav-i{flex:0 0 auto;width:120px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-lg);background:var(--wbz-surface);padding:15px 10px 13px;color:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:border-color .15s,transform .15s}
.wbz-secnav-i:hover{border-color:var(--wbz-line-strong);transform:translateY(-2px)}
.wbz-secnav-i:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}
.wbz-secnav-i.on{border-color:var(--wbz-acc);background:var(--wbz-tint)}
.wbz-secnav-i.soon{opacity:.66;cursor:default}
.wbz-secnav-i .ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 9px;border-radius:var(--wbz-radius-md);background:var(--wbz-tint);color:var(--wbz-acc)}
.wbz-secnav-i.on .ic{background:var(--wbz-action);color:var(--wbz-action-ink)}
.wbz-secnav-i.soon .ic{background:var(--wbz-bg2);color:var(--wbz-ink2)}
.wbz-secnav-i .l{font-size:13px;font-weight:600;line-height:1.22}
.wbz-secnav-i .s{display:inline-block;margin-top:6px;border-radius:var(--wbz-radius-sm);background:var(--wbz-bg2);padding:1px 7px;color:var(--wbz-ink2);font-size:10px;font-weight:700}
.wbz-secnav-i svg{width:23px;height:23px}
.wbz-nblock{width:100%;max-width:none;margin:16px 0 30px}
.wbz-nb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.wbz-nb-h{margin:0;font-size:20px;font-weight:800}
.wbz-nb-more{color:var(--wbz-acc);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.wbz-nblock .wbz-nlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;overflow:visible}
.wbz-nblock .wbz-nc{width:auto;min-width:0;margin:0;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-lg);background:var(--wbz-surface);padding:18px 20px;transition:border-color .15s,transform .15s}
.wbz-nblock .wbz-nc:hover{border-color:var(--wbz-line-strong);transform:translateY(-2px)}
.wbz-nblock .wbz-nc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;color:var(--wbz-ink2);font-size:12px}
.wbz-nblock .wbz-nc-chip{border-radius:var(--wbz-radius-sm);background:var(--wbz-tint);padding:2px 8px;color:var(--wbz-acc);font-size:11px;font-weight:600;text-decoration:none}
.wbz-nblock .wbz-nc-chip.is-bank{background:var(--wbz-bg2);color:var(--wbz-ink2)}
.wbz-nblock .wbz-nc-h{margin:0;font-size:16px;font-weight:700;line-height:1.35}
.wbz-nblock .wbz-nc-h a{color:inherit;text-decoration:none}
.wbz-nblock .wbz-nc-h a:hover{color:var(--wbz-acc)}


/* Section-top layout migrated from the old global homepage bundle. */
/* Bank section navigation between the site header and page content. */


/* Карточки навигации банков: иконка в плитке, подпись — отдельной строкой. */
.wbz-section-top .wbz-secnav-i{background:transparent;position:relative;width:126px;padding:0;border:0;border-radius:0;text-align:center;overflow:visible;}.wbz-section-top .wbz-secnav-i .l{display:block;min-height:32px;font-size:13px;font-weight:700;line-height:1.22;color:var(--wbz-ink2)}.wbz-section-top .wbz-secnav-i:hover{transform:none}.wbz-section-top .wbz-secnav-i:hover .ic{transform:translateY(-3px);border-color:var(--wbz-acc);box-shadow:0 13px 26px rgba(16,21,40,.11);color:var(--wbz-acc)}.wbz-section-top .wbz-secnav-i.on .ic{border-color:var(--wbz-acc);background:linear-gradient(145deg,var(--wbz-tint),var(--wbz-surface));color:var(--wbz-acc);box-shadow:0 12px 26px var(--wbz-glow)}.wbz-section-top .wbz-secnav-i.on .l{color:var(--wbz-acc)}.wbz-section-top .wbz-secnav-i.soon{opacity:1}.wbz-section-top .wbz-secnav-i.soon .ic{background:var(--wbz-surface);color:var(--wbz-mut)}.wbz-section-top .wbz-secnav-i.soon .l{color:var(--wbz-mut)}.wbz-section-top .wbz-secnav-i .s{position:absolute;z-index:2;top:-10px;right:8px;margin:0;padding:5px 10px;border-radius:999px;background:var(--wbz-tint);color:var(--wbz-acc);font-size:10px;line-height:1;font-weight:800;box-shadow:0 2px 7px rgba(16,21,40,.06)}
html[data-theme="dark"] .wbz-section-top .wbz-secnav-i .ic{box-shadow:none}html[data-theme="dark"] .wbz-section-top .wbz-secnav-i:hover .ic{box-shadow:0 12px 25px rgba(0,0,0,.35)}

/* Название и «воздушная» SVG-иконка собраны внутри плитки. */
.wbz-section-top .wbz-secnav-i .ic{width:100%;height:116px;margin:0;border:1px solid var(--wbz-line);border-radius:20px;background:linear-gradient(145deg,var(--wbz-surface),var(--wbz-bg2));color:var(--wbz-ink2);box-shadow:0 8px 20px rgba(16,21,40,.055);transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;position:relative;display:flex;flex-direction:column;gap:10px;justify-content:center;overflow:hidden;}.wbz-section-top .wbz-secnav-i .ic:before,.wbz-section-top .wbz-secnav-i .ic:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wbz-section-top .wbz-secnav-i .ic:before{width:88px;height:88px;top:-43px;right:-30px;background:radial-gradient(circle,var(--wbz-glow),transparent 68%)}.wbz-section-top .wbz-secnav-i .ic:after{width:44px;height:44px;bottom:-23px;left:-11px;background:var(--wbz-tint);opacity:.74}.wbz-section-top .wbz-secnav-i .ic svg,.wbz-section-top .wbz-secnav-i .ic .l{position:relative;z-index:1}.wbz-section-top .wbz-secnav-i .ic svg{width:29px;height:29px;stroke-width:1.8;filter:drop-shadow(0 7px 8px rgba(16,21,40,.16));transform:rotate(-3deg);transition:transform .18s,filter .18s;}.wbz-section-top .wbz-secnav-i .ic .l{display:block;min-height:0;font-size:13px;font-weight:700;line-height:1.22;color:inherit}.wbz-section-top .wbz-secnav-i:hover .ic svg{transform:translateY(-2px) rotate(3deg);filter:drop-shadow(0 10px 10px rgba(16,21,40,.2))}.wbz-section-top .wbz-secnav-i.on .ic svg{transform:translateY(-2px) rotate(3deg)}.wbz-section-top .wbz-secnav-i>.l{display:none}
@media(max-width:720px){.wbz-section-top{padding:22px 0 13px}.wbz-section-top .wbz-secnav{justify-content:flex-start;gap:11px;overflow-x:auto;padding:3px 3px 10px}.wbz-section-top .wbz-secnav-i{width:108px}.wbz-section-top .wbz-secnav-i .l{font-size:12px}.wbz-section-top .wbz-secnav-i .s{right:4px}.wbz-section-top .wbz-secnav-i .ic{height:98px;border-radius:17px;margin-bottom:8px;gap:8px;}.wbz-section-top .wbz-secnav-i .ic .l{font-size:12px}}
/* Контекстная подшапка банковского раздела: поясняет назначение карточек. */
.wbz-section-top-inner{max-width:1080px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;}.wbz-section-top-label{padding:9px 24px 9px 0;border-right:1px solid var(--wbz-line)}.wbz-section-top-label span{display:block;margin-bottom:6px;color:var(--wbz-acc);font-size:11px;line-height:1;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wbz-section-top-label strong{display:block;color:var(--wbz-head);font-size:16px;line-height:1.18}.wbz-section-top-label p{margin:6px 0 0;color:var(--wbz-ink2);font-size:12px;line-height:1.35}.wbz-section-top .wbz-secnav{margin:0;gap:15px;padding:3px 2px 4px;overflow:visible;justify-content:flex-start;}.wbz-banki-section .content-area,body.wbz-nohero .content-area{margin-top:14px}
@media(max-width:640px){.wbz-secnav{justify-content:flex-start}.wbz-nblock .wbz-nlist{grid-template-columns:1fr}.wbz-section-top-inner{padding:0 14px}.wbz-section-top .wbz-secnav{padding-bottom:9px}.wbz-section-top{padding:16px 0 9px;}.wbz-section-top-label strong{font-size:15px}}
/* Подшапка плавно переходит в тело банковского раздела. */
.wbz-section-top{background:linear-gradient(105deg,var(--wbz-bg2),color-mix(in srgb,var(--wbz-tint) 34%,var(--wbz-bg2)));border-bottom:0;padding:18px 0;}

/* Без зазора: банковская подшапка сразу переходит в контент страницы. */
body.wbz-nohero .content-area{margin-top:0}

/* Единственный H1 раздела живёт в карточечной подшапке. */
.wbz-section-top-label h1{margin:0;color:var(--wbz-head);font:700 16px/1.18 var(--wbz-font)}

/* На широком экране подшапка центрируется по реальной ширине карточек. */
@media(min-width:901px){.wbz-section-top-inner{width:max-content;max-width:calc(100% - 32px)}.wbz-section-top .wbz-btn{white-space:nowrap;padding-left:22px;padding-right:22px}}
@media(max-width:900px){.wbz-section-top-label{padding:0;border:0}.wbz-section-top-label p{display:none}.wbz-section-top .wbz-secnav{justify-content:flex-start;min-width:0;overflow-x:auto}.wbz-section-top-inner{grid-template-columns:1fr;gap:13px;width:calc(100% - 32px);min-width:0}}