/* Страница /russian-tarifs-comparsion */
.brokers-tarifs-ru-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -1px 0 22px;
  padding: 0 30px 26px;
  color: #fff;
  background: linear-gradient(135deg, #0e2233 0%, #123a5c 55%, #16537e 100%);
  border-radius: 0 0 16px 16px;
}

.brokers-tarifs-ru-meta span {
  padding: 5px 12px;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  font-size: 12.5px;
}

.brokers-tarifs-ru-disclaimer {
  margin: 20px 0 0;
  padding: 0 10px 10px;
  border: 1px solid #eed9a0;
  border-radius: 12px;
  background: #fff6e0;
  color: #5d4b13;
  font-size: 13.5px;
}

.comparsion-tarifs-russia-section-number { color: #7a8794; margin-right: 8px; }

.brokers-tarifs-ru-note { color: #5b6773; font-size: 12px; }
.brokers-tarifs-ru-icon { display: inline-block; width: 1.15em; height: 1.15em; margin-right: .3em; vertical-align: -.2em; object-fit: contain; }
.brokers-tarifs-ru-summary-icon { display: inline-block; width: 1.35em; height: 1.35em; margin-right: .35em; vertical-align: -.28em; object-fit: contain; }
.brokers-tarifs-ru-pill { display: inline-block; margin: 1px 2px; padding: 1px 6px; border-radius: 3px; background: #e8f7ec; color: #146c2e; font-size: 11.5px; white-space: nowrap; }

/* Таблицы: без карточек и дополнительных обёрток. */
.brokers-tarifs-ru-scroll { width: 100%; margin: 14px 0 8px; overflow-x: auto; }

.brokers-tarifs-ru-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  background: #fff;
  color: #1c2430;
  font-size: 13.4px;
}

.brokers-tarifs-ru-table th,
.brokers-tarifs-ru-table td { padding: 8px 10px; border: 1px solid #dde4ec; text-align: left; vertical-align: top; }
.brokers-tarifs-ru-table thead th { position: sticky; top: 0; z-index: 1; background: #eef3f8; color: #33475b; font-size: 12.6px; letter-spacing: .3px; text-transform: uppercase; }
.brokers-tarifs-ru-table tbody tr:nth-child(even) { background: #fafcfe; }
.brokers-tarifs-ru-table td.center,
.brokers-tarifs-ru-table th.center { text-align: center; }
.brokers-tarifs-ru-table .broker { font-weight: 700; white-space: nowrap; }
.brokers-tarifs-ru-table .b-finam { border-left: 4px solid #0b6b3a; }
.brokers-tarifs-ru-table .b-bcs { border-left: 4px solid #006df0; }
.brokers-tarifs-ru-table .b-vtb { border-left: 4px solid #009fdf; }
.brokers-tarifs-ru-table .b-sber { border-left: 4px solid #21a038; }
.brokers-tarifs-ru-table .b-tbank { border-left: 4px solid #ffdd2d; }
.brokers-tarifs-ru-table .b-alfa { border-left: 4px solid #ef3124; }
.brokers-tarifs-ru-table .tag { display: inline-block; margin-right: 6px; padding: 2px 8px; border-bottom: 0; border-radius: 6px; color: #fff; font-size: 11px; font-weight: 600; text-decoration: none; vertical-align: middle; transition: box-shadow .15s ease; }
.brokers-tarifs-ru-table .tag.finam { background: #0b6b3a; }
.brokers-tarifs-ru-table .tag.bcs { background: #006df0; }
.brokers-tarifs-ru-table .tag.vtb { background: #009fdf; }
.brokers-tarifs-ru-table .tag.sber { background: #21a038; }
.brokers-tarifs-ru-table .tag.tbank { background: #c9a400; color: #222; }
.brokers-tarifs-ru-table .tag.alfa { background: #ef3124; }
.brokers-tarifs-ru-table a.tag:link,
.brokers-tarifs-ru-table a.tag:visited,
.brokers-tarifs-ru-table a.tag:hover,
.brokers-tarifs-ru-table a.tag:active { color: #fff; }
.brokers-tarifs-ru-table a.tag.tbank:link,
.brokers-tarifs-ru-table a.tag.tbank:visited,
.brokers-tarifs-ru-table a.tag.tbank:hover,
.brokers-tarifs-ru-table a.tag.tbank:active { color: #222; }
.brokers-tarifs-ru-table a.tag:hover { box-shadow: 0 2px 5px rgba(28, 36, 48, .24); }
.brokers-tarifs-ru-table a.tag:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.brokers-tarifs-ru-table .best { box-shadow: inset 3px 0 0 #21a038; background: #e8f7ec; }
.brokers-tarifs-ru-table .best b,
.brokers-tarifs-ru-table .free { color: #146c2e; }
.brokers-tarifs-ru-table .free { font-weight: 700; }
.brokers-tarifs-ru-table .muted { color: #5b6773; font-size: 12.4px; }

/* Калькулятор. */
.brokers-tarifs-ru-calc { margin: 14px 0; padding: 18px 20px; border: 1px solid #dde4ec; border-radius: 14px; background: #fff; color: #1c2430; }
@media (min-width: 769px) {
  .brokers-tarifs-ru-calc { box-shadow: 0 0 18px 2px rgba(28, 36, 48, .12); }
}
.brokers-tarifs-ru-calc .calc-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.brokers-tarifs-ru-calc .calc-tab { padding: 9px 18px; border: 1px solid #dde4ec; border-radius: 999px; background: #eef3f8; color: #33475b; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; }
.brokers-tarifs-ru-calc .calc-tab.active { border-color: #16537e; background: #16537e; color: #fff; }
.brokers-tarifs-ru-calc .calc-panel { display: none; }
.brokers-tarifs-ru-calc .calc-panel.active { display: block; }
.brokers-tarifs-ru-calc .calc-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }
.brokers-tarifs-ru-calc .calc-preset { padding: 6px 12px; border: 1px dashed #9db4c8; border-radius: 8px; background: #fff; color: #16537e; cursor: pointer; font: inherit; font-size: 12.8px; }
.brokers-tarifs-ru-calc .calc-preset:hover { background: #eef3f8; }
.brokers-tarifs-ru-calc .calc-inputs { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 12px; margin-bottom: 12px; }
.brokers-tarifs-ru-calc .calc-field label { display: block; margin-bottom: 4px; color: #5b6773; font-size: 12.4px; font-weight: 600; }
.brokers-tarifs-ru-calc .calc-field input,
.brokers-tarifs-ru-calc .calc-field select { width: 100%; padding: 8px 10px; border: 1px solid #dde4ec; border-radius: 8px; background: #fff; color: #1c2430; font: inherit; font-size: 14px; }
.brokers-tarifs-ru-calc .calc-check { display: flex; align-items: flex-start; gap: 8px; margin: 6px 0 12px; color: #1c2430; font-size: 13px; }
.brokers-tarifs-ru-calc .calc-check input { width: auto; margin-top: 2px; }
.brokers-tarifs-ru-calc #calcResult { margin-top: 8px; }
.brokers-tarifs-ru-calc #calcResult table { width: 100%; min-width: 820px; border-collapse: collapse; background: #fff; font-size: 13.4px; }
.brokers-tarifs-ru-calc #calcResult th,
.brokers-tarifs-ru-calc #calcResult td { padding: 8px 10px; border: 1px solid #dde4ec; text-align: left; vertical-align: top; }
.brokers-tarifs-ru-calc #calcResult thead th { background: #eef3f8; color: #33475b; font-size: 12.6px; letter-spacing: .3px; text-transform: uppercase; }
.brokers-tarifs-ru-calc #calcResult tbody tr:nth-child(even) { background: #fafcfe; }
.brokers-tarifs-ru-calc #calcResult .center { text-align: center; }
.brokers-tarifs-ru-calc tr.calc-best td { background: #e8f7ec; }
.brokers-tarifs-ru-calc .calc-bar { width: 100%; min-width: 90px; height: 14px; overflow: hidden; border-radius: 6px; background: #edf1f6; }
.brokers-tarifs-ru-calc .calc-bar-fill { height: 100%; border-radius: 6px; background: #8aa8c4; }
.brokers-tarifs-ru-calc .calc-bar-fill.fill-best { background: #21a038; }

.brokers-tarifs-ru-case { margin: 16px 0; padding: 18px 22px; border: 1px solid #dde4ec; border-radius: 14px; background: #fff; }
.brokers-tarifs-ru-case h3 { margin: 0 0 6px; font-size: 17px; }
.brokers-tarifs-ru-persona { margin-bottom: 10px; color: #5b6773; font-size: 13.4px; }
.brokers-tarifs-ru-assets { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.brokers-tarifs-ru-assets span { padding: 4px 10px; border-radius: 8px; background: #eef3f8; color: #33475b; font-size: 12.4px; }
.brokers-tarifs-ru-verdict { margin-top: 10px; padding: 10px 14px; border-left: 4px solid #21a038; border-radius: 8px; background: #e8f7ec; font-size: 13.6px; }


@media (max-width: 900px) {
  .hashnav.vertical { columns: 1; }
}

@media (max-width: 600px) {
  .brokers-tarifs-ru-meta { padding: 0 20px 20px; }
  .brokers-tarifs-ru-calc,
  .brokers-tarifs-ru-case { padding: 14px; }
}