/* ============================================================
   ШАБЛОН СТРАНИЦЫ БАНКА — 2 колонки + липкий правый рейл + табы
   ============================================================ */
html{ scroll-behavior:smooth; scroll-padding-top:152px; } /* header (80px) + липкие вкладки + безопасный зазор */
.wbz-bankpage{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:30px; align-items:start; font-family:var(--wbz-font); }
.wbz-bp-main{ min-width:0; }
.wbz-bp-rail{ position:sticky; top:16px; display:flex; flex-direction:column; gap:14px; }
@media(max-width:980px){ .wbz-bankpage{ grid-template-columns:1fr; } .wbz-bp-rail{ position:static; } }

/* Табы-навигация по разделам */
.wbz-tabs{ display:flex; gap:6px; flex-wrap:wrap; position:sticky; top:8px; z-index:6; background:var(--wbz-surface); border:1px solid var(--wbz-line); border-radius:var(--wbz-radius-md); padding:8px 10px; margin:0 0 22px; }
.wbz-tabs a{ font-size:14px; font-weight:600; color:var(--wbz-ink2); text-decoration:none; padding:8px 14px; border-radius:999px; transition:background .15s,color .15s; }
.wbz-bankpage .wbz-bank-anchor{display:block;height:0;margin:0;scroll-margin-top:76px;pointer-events:none;visibility:hidden}
.wbz-unified-product-page .tb-fact{min-width:0}
.wbz-tabs a:hover{ background:var(--wbz-tint); color:var(--wbz-acc); }
.wbz-tabs a.is-active{ background:var(--wbz-acc); color:var(--wbz-acc-ink); }

/* Карточки рейла */
.wbz-rail-card{ background:var(--wbz-surface); border:1px solid var(--wbz-line); border-radius:var(--wbz-radius-lg); padding:18px; box-shadow:var(--wbz-shadow-xs); }
.wbz-rail-site{ display:flex; flex-direction:column; gap:2px; margin-bottom:12px; }
.wbz-rail-site span{ font-size:12px; color:var(--wbz-mut); }
.wbz-rail-site b{ font-size:15px; color:var(--wbz-ink); }
.wbz-rail-cta{ display:block; text-align:center; background:var(--wbz-action); color:var(--wbz-action-ink); font-weight:700; font-size:15px; padding:13px; border-radius:var(--wbz-radius-md); text-decoration:none; transition:background .15s; }
.wbz-rail-cta:hover{ background:var(--wbz-action-hover); color:var(--wbz-action-ink); }
.wbz-rail-cta2{ display:block; text-align:center; background:transparent; color:var(--wbz-ink); font-weight:600; font-size:14px; padding:11px; border-radius:var(--wbz-radius-md); border:1px solid var(--wbz-line); text-decoration:none; margin-top:8px; transition:border-color .15s,color .15s; }
.wbz-rail-cta2:hover{ border-color:var(--wbz-acc); color:var(--wbz-acc); }

/* A practical third rail card, changing by the current banking product. */
.wbz-rail-next{background:linear-gradient(135deg,var(--wbz-tint),var(--wbz-surface))}.wbz-rail-next__eyebrow{display:block;margin-bottom:7px;color:var(--wbz-brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wbz-rail-next p{margin:7px 0 14px;color:var(--wbz-ink2);font-size:13px;line-height:1.45}.wbz-rail-next a{color:var(--wbz-brand);font-size:13px;font-weight:700;text-decoration:none}.wbz-rail-next a:hover{text-decoration:none}
.wbz-rail-cta:focus-visible,.wbz-rail-cta2:focus-visible,.wbz-tabs a:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}
.wbz-rail-note{ font-size:12px; color:var(--wbz-mut); line-height:1.45; margin:12px 0 0; }
.wbz-rail-h{ font-size:15px; font-weight:700; color:var(--wbz-head); margin:0 0 12px; }
.wbz-rail-score{ display:flex; align-items:baseline; gap:6px; margin:0 0 12px; }
.wbz-rail-score b{ font-size:26px; font-weight:800; color:var(--wbz-ink); }
.wbz-rail-score span{ font-size:13px; color:var(--wbz-mut); }

/* Рейтинг по критериям */
.wbz-crit-row{ display:flex; align-items:center; gap:10px; margin:9px 0; }
.wbz-crit-row .cn{ font-size:13px; color:var(--wbz-ink2); width:92px; flex:none; }
.wbz-crit-row .cbar{ flex:1; height:6px; border-radius:999px; background:var(--wbz-bg2); overflow:hidden; }
.wbz-crit-row .cbar i{ display:block; height:100%; background:var(--wbz-acc); border-radius:999px; }
.wbz-crit-row .cv{ font-size:13px; font-weight:700; color:var(--wbz-ink); width:26px; text-align:right; }

/* Products of the same bank */
.wbz-rail-products{padding:14px}.wbz-rail-products__eyebrow{display:block;margin:2px 4px 5px;color:var(--wbz-brand);font-size:10px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.wbz-rail-products>.wbz-rail-h{margin:0 4px 9px}.wbz-rail-products nav{display:grid;gap:4px}.wbz-rail-product{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px;border:1px solid transparent;border-radius:12px;color:var(--wbz-ink);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.wbz-rail-product:hover{border-color:var(--wbz-line);background:var(--wbz-bg2);color:var(--wbz-brand);text-decoration:none;transform:translateY(-1px)}.wbz-rail-product.is-current{border-color:color-mix(in srgb,var(--wbz-brand) 28%,var(--wbz-line));background:var(--wbz-tint)}.wbz-rail-product__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--wbz-bg2);color:var(--wbz-ink2)}.wbz-rail-product.is-current .wbz-rail-product__icon{background:color-mix(in srgb,var(--wbz-brand) 14%,var(--wbz-surface));color:var(--wbz-brand)}.wbz-rail-product__icon svg{width:18px;height:18px}.wbz-rail-product__text{display:grid;min-width:0;gap:1px}.wbz-rail-product__text b{overflow:hidden;color:inherit;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.wbz-rail-product__text small{overflow:hidden;color:var(--wbz-mut);font-size:10.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.wbz-rail-product__state{color:var(--wbz-brand);font-size:12px;font-weight:800}.wbz-rail-product.is-current .wbz-rail-product__state{padding:3px 6px;border-radius:999px;background:var(--wbz-surface);font-size:9px;letter-spacing:.02em;text-transform:uppercase}