/* ==========================================================================
   Pricing — стили страницы (docs/pricing/pricing-layout-review-2026-10-07.md).
   Порядок: название → обзор цен всех услуг (2 × 2) → расписание выбранного тарифа → условия.
   Только .pricing-page; цвета — общие --site-* (светлая/тёмная тема без отдельных правил),
   оформление — приёмы главной: один синий акцент, кромка 3px, серые карточки, без теней.
   Высоты карточек не фиксируются: длинный перевод и увеличенный текст не обрезаются.
   ========================================================================== */

.pricing-page{ background:var(--site-bg,#fff); }
.pricing-page #main{ color:var(--site-text,#3a4366); }
.pricing-page .hv2-section{ padding:56px 0; }
.pricing-page .visually-hidden{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ---------- начало: название слева, время данных справа ---------- */
.pricing-page .pr-top{ padding:16px 0 14px; }
.pricing-page .pr-crumbs{ display:flex; gap:8px; font-size:13px; color:var(--site-muted,#5c6690); margin-bottom:8px; }
.pricing-page .pr-crumbs a{ color:var(--site-link,#2d4bdb); text-decoration:none; }
.pricing-page .pr-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:8px 24px; }
.pricing-page .pr-h1{ margin:0; font:700 clamp(28px,3vw,36px)/1.15 Inter,system-ui,sans-serif; letter-spacing:-.025em;
  color:var(--site-ink,#0b1020); background:none; -webkit-text-fill-color:currentColor; }
.pricing-page .pr-lede{ margin:6px 0 0; font-size:16px; line-height:1.5; }
.pricing-page .pr-state{ display:inline-flex; gap:6px; align-items:flex-start; margin:0; font-size:13px; line-height:1.45; color:var(--site-muted,#5c6690); }
.pricing-page .pr-state i{ margin-top:1px; }
/* устаревшие или отсутствующие данные — заметная плашка на всю ширину, не прячется ради компактности */
.pricing-page .pr-state--stale,
.pricing-page .pr-state--partial,
.pricing-page .pr-state--unavailable{ flex-basis:100%; padding:10px 14px; border-radius:8px; font-size:15px; font-weight:600; }
.pricing-page .pr-state--stale,
.pricing-page .pr-state--partial{ background:#fff4dc; color:#6b4600; }
.pricing-page .pr-state--unavailable{ background:#fdf1f1; color:#7a1f1f; }
:root[data-theme="dark"] .pricing-page .pr-state--stale,
:root[data-theme="dark"] .pricing-page .pr-state--partial{ background:#3a2c0b; color:#ffd58a; }
:root[data-theme="dark"] .pricing-page .pr-state--unavailable{ background:#3a1518; color:#ffc9c9; }

/* ---------- обзор цен: 2 × 2, карточка цены (docs/pricing/pricing-cards-review-2026-10-07.md) ----------
   Название → цена с единицей оплаты → существенное условие → низ: одна кнопка и ссылка на подробности.
   На компьютере карточки одного ряда одной высоты (по самой высокой в ряду, не в пикселях), низ прижат
   книзу; ряды — по своему содержимому, без пустоты во втором ряду (решение владельца); на телефоне — естественная высота. Ничего не обрезается: длинный перевод увеличивает карточку. */
.pricing-page .pr-overview{ padding:0 0 48px; }
.pricing-page .pr-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.pricing-page .pr-card{ display:flex; flex-direction:column; min-width:0; padding:18px 20px;
  border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; background:var(--site-bg-soft,#f6f8fc); }
.pricing-page .pr-card-title{ margin:0 0 10px; font:700 19px/1.3 Inter,system-ui,sans-serif; color:var(--site-ink,#0b1020);
  background:none; -webkit-text-fill-color:currentColor; }
.pricing-page .pr-now{ display:flex; gap:6px; margin:-4px 0 10px; font-size:13px; line-height:1.45; color:var(--site-muted,#5c6690); }
.pricing-page .pr-now i{ flex:none; margin-top:1px; }
.pricing-page .pr-now--stale{ color:#6b4600; font-weight:600; }
:root[data-theme="dark"] .pricing-page .pr-now--stale{ color:#ffd58a; }
.pricing-page .pr-pane .pr-now--stale{ margin:0 0 10px; }
.pricing-page .pr-card-body{ display:flex; flex-direction:column; gap:8px; }
.pricing-page .pr-card-foot{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; margin-top:auto; padding-top:16px; }
.pricing-page .pr-btn{ min-height:44px; padding:10px 20px; font-size:15px; }
.pricing-page .pr-more{ display:inline-flex; align-items:center; gap:4px; min-height:44px; font-size:15px; font-weight:600;
  color:var(--site-link,#2d4bdb); text-decoration:none; }
.pricing-page .pr-more:hover{ text-decoration:underline; }
.pricing-page .pr-na{ margin:0; font-size:16px; font-weight:600; color:var(--site-muted,#5c6690); }

/* цена с единицей: TRX за объём (энергия), sun за единицу (bandwidth) */
.pricing-page .pr-cmp{ width:100%; border-collapse:collapse; font-size:14px; table-layout:fixed; }
.pricing-page .pr-cmp thead th{ padding:0 0 6px; font-size:13px; font-weight:600; color:var(--site-muted,#5c6690); text-align:end; }
.pricing-page .pr-cmp thead th:first-child{ text-align:start; }
.pricing-page .pr-cmp tbody th{ padding-block:8px; padding-inline:0 8px; font-weight:500; text-align:start; color:var(--site-text,#3a4366); font-variant-numeric:tabular-nums; }
.pricing-page .pr-cmp td{ padding-block:8px; padding-inline:10px 0; text-align:end; overflow-wrap:anywhere; }
.pricing-page .pr-cmp tbody tr{ border-top:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-trx{ font:700 20px/1.25 Inter,system-ui,sans-serif; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; white-space:nowrap; }
.pricing-page .pr-unit{ margin:0; font-size:13px; color:var(--site-muted,#5c6690); text-align:end; }
.pricing-page .pr-dash{ color:var(--site-faint,#8892b8); }
.pricing-page .pr-big{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; margin:0; }
.pricing-page .pr-big strong{ font:700 26px/1.15 Inter,system-ui,sans-serif; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; white-space:nowrap; }
.pricing-page .pr-big span{ font-size:14px; color:var(--site-text,#3a4366); }
/* суммы — изолированный LTR: в RTL «1.950 TRX» не разворачивается */
.pricing-page .pr-trx, .pricing-page .pr-big strong{ direction:ltr; unicode-bidi:isolate; }

/* существенное условие — одна короткая строка со значком, одинаковая во всех карточках */
.pricing-page .pr-cond{ display:flex; gap:8px; margin:0; font-size:14px; line-height:1.5; color:var(--site-text,#3a4366); }
.pricing-page .pr-cond i{ flex:none; margin-top:1px; color:var(--site-link,#2d4bdb); }
.pricing-page .pr-cond a{ color:var(--site-link,#2d4bdb); font-weight:600; white-space:nowrap; }

/* ---------- расписание выбранного тарифа ---------- */
.pricing-page .pr-sched-note{ margin:8px 0 0; max-width:760px; font-size:15px; line-height:1.55; }
.pricing-page .pr-tabs{ display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 4px; }
.pricing-page .pr-tab{ min-height:44px; padding:9px 16px; border:1px solid var(--site-line-strong,#dce2ef); border-radius:8px;
  background:var(--site-surface,#fff); color:var(--site-ink,#0b1020); font:600 15px/1.2 Inter,system-ui,sans-serif; cursor:pointer; }
.pricing-page .pr-tab[aria-selected="true"]{ border-color:var(--site-accent,#2d4bdb); background:var(--site-accent,#2d4bdb); color:#fff; }
.pricing-page .pr-tab:focus-visible{ outline:3px solid var(--site-link,#2d4bdb); outline-offset:2px; }
.pricing-page .pr-pane{ padding:16px 0 0; scroll-margin-top:96px; }
.pricing-page [data-pr-tabs]:not(.is-tabs) .pr-pane + .pr-pane{ margin-top:24px; border-top:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-pane:focus-visible{ outline:2px dashed var(--site-link,#2d4bdb); outline-offset:6px; }
.pricing-page .pr-pane-title{ margin:0 0 12px; font:700 19px/1.3 Inter,system-ui,sans-serif; color:var(--site-ink,#0b1020);
  background:none; -webkit-text-fill-color:currentColor; }
.pricing-page .pr-pane-note{ margin:0 0 10px; }
.pricing-page .pr-pane-links{ margin:8px 0 0; }
.pricing-page .pr-pane-links .hv2-link{ display:inline-flex; align-items:center; min-height:44px; font-weight:600; }
.pricing-page .pr-bar{ position:relative; height:46px; border:1px solid var(--site-line,#e2e6f2); border-radius:8px; overflow:hidden; background:var(--site-surface,#fff); direction:ltr; }
.pricing-page .pr-seg{ position:absolute; top:0; bottom:0; display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--site-accent,#2d4bdb) var(--lvl,20%), var(--site-surface,#fff));
  border-inline-end:1px solid var(--site-line,#e2e6f2); font-size:12px; color:var(--site-ink,#0b1020); overflow:hidden; }
.pricing-page .pr-seg b{ font-weight:700; }
.pricing-page .pr-seg.is-now{ outline:3px solid var(--site-ink,#0b1020); outline-offset:-3px; z-index:1; }
.pricing-page .pr-ticks{ display:flex; justify-content:space-between; margin:6px 0 12px; font-size:12px; color:var(--site-muted,#5c6690); direction:ltr; }
.pricing-page .pr-scroll-hint{ display:none; margin:0 0 6px; font-size:13px; color:var(--site-muted,#5c6690); }
.pricing-page .pr-scroll{ overflow-x:auto; border:1px solid var(--site-line,#e2e6f2); border-radius:8px; background:var(--site-surface,#fff); }
.pricing-page .pr-scroll:focus-visible{ outline:3px solid var(--site-link,#2d4bdb); outline-offset:2px; }
.pricing-page .pr-table{ width:100%; min-width:560px; border-collapse:collapse; font-size:15px; }
.pricing-page .pr-table th, .pricing-page .pr-table td{ padding:10px 14px; border-bottom:1px solid var(--site-line,#e2e6f2); text-align:start; white-space:nowrap; }
.pricing-page .pr-table thead th{ font-size:13px; font-weight:600; color:var(--site-muted,#5c6690); background:var(--site-bg-soft,#f6f8fc); }
.pricing-page .pr-table tbody th{ font-weight:600; color:var(--site-ink,#0b1020); }
.pricing-page .pr-table .num{ text-align:end; font-variant-numeric:tabular-nums; }
.pricing-page .pr-table .utc{ color:var(--site-muted,#5c6690); font-weight:400; }
.pricing-page .pr-table tr.is-now{ background:var(--site-accent-soft,#eef1ff); }
/* метка текущей строки — у начала строки в обоих направлениях письма */
.pricing-page .pr-table tr.is-now th[scope="row"], .pricing-page .pr-table tr.is-now th[scope="rowgroup"]{ border-inline-start:3px solid var(--site-accent,#2d4bdb); }
.pricing-page .pr-badge{ display:inline-block; margin-inline-start:6px; padding:1px 7px; border-radius:999px; font-size:12px; font-weight:600;
  border:1px solid var(--site-line-strong,#dce2ef); color:var(--site-text,#3a4366); background:var(--site-surface,#fff); vertical-align:middle; }
.pricing-page .pr-badge--now{ border-color:var(--site-accent,#2d4bdb); background:var(--site-accent,#2d4bdb); color:#fff; }

/* подробности тарифа в расписании: ставка, экономия, USD, каналы, полный текст предупреждения */
.pricing-page .pr-facts{ margin:0 0 14px; font-size:14px; }
.pricing-page .pr-facts > div{ display:grid; grid-template-columns:minmax(120px,200px) minmax(0,1fr); gap:4px 16px; padding:8px 0; border-top:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-facts > div:last-child{ border-bottom:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-facts dt{ font-weight:500; color:var(--site-muted,#5c6690); }
.pricing-page .pr-facts dd{ margin:0; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; }
.pricing-page .pr-facts dd a{ color:var(--site-link,#2d4bdb); font-weight:600; }
.pricing-page .pr-fact-note{ display:block; margin-top:2px; font-size:13px; line-height:1.5; color:var(--site-muted,#5c6690); }
.pricing-page .pr-warning{ display:flex; gap:10px; margin:0 0 16px; padding:10px 14px; border-inline-start:3px solid var(--site-accent,#2d4bdb);
  background:var(--site-surface,#fff); font-size:14px; line-height:1.55; color:var(--site-text,#3a4366); scroll-margin-top:96px; }
.pricing-page .pr-warning i{ color:var(--site-link,#2d4bdb); margin-top:2px; }
.pricing-page .pr-note{ margin:8px 0 0; font-size:13px; line-height:1.55; color:var(--site-muted,#5c6690); }
.pricing-page .pr-sur-title{ margin:8px 0 0; font-size:13px; font-weight:600; color:var(--site-text,#3a4366); }
.pricing-page .pr-sur{ margin:2px 0 0; padding-inline-start:18px; font-size:13px; line-height:1.55; color:var(--site-text,#3a4366); }

/* ---------- условия Host Mode и AML ---------- */
.pricing-page .pr-terms-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; margin-top:16px; }
.pricing-page .pr-terms-item{ scroll-margin-top:96px; }
.pricing-page .pr-terms-item h3{ margin:0 0 8px; font:700 19px/1.3 Inter,system-ui,sans-serif; color:var(--site-ink,#0b1020); background:none; -webkit-text-fill-color:currentColor; }
.pricing-page .pr-terms-item p{ margin:0 0 10px; line-height:1.6; }
.pricing-page .pr-card-unit{ font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--site-muted,#5c6690)!important; }
.pricing-page .pr-rows{ margin:0 0 12px; font-size:14px; }
.pricing-page .pr-rows > div{ display:flex; justify-content:space-between; gap:16px; padding:7px 0; border-top:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-rows > div:last-child{ border-bottom:1px solid var(--site-line,#e2e6f2); }
.pricing-page .pr-rows dt{ font-weight:400; }
.pricing-page .pr-rows dd{ margin:0; font-weight:700; color:var(--site-ink,#0b1020); white-space:nowrap; font-variant-numeric:tabular-nums; }

/* ---------- как формируется цена ---------- */
.pricing-page .pr-how-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; }
.pricing-page .pr-list{ margin:16px 0 0; padding-inline-start:20px; line-height:1.65; }
.pricing-page .pr-list li + li{ margin-top:8px; }
.pricing-page .pr-h2-sm{ font-size:22px!important; margin-top:0; }
.pricing-page .pr-how-grid > div:last-child .pr-h2-sm + p{ margin-top:10px; }
.pricing-page .pr-how-grid > div:last-child .pr-h2-sm:not(:first-child){ margin-top:28px; }
.pricing-page .pr-links{ display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:10px; }
.pricing-page .pr-links a{ display:inline-flex; align-items:center; min-height:44px; color:var(--site-link,#2d4bdb); font-weight:600; }

/* ---------- телефон ---------- */
@media (max-width:767.98px){
  .pricing-page .hv2-section{ padding:40px 0; }
  .pricing-page .pr-top{ padding:12px 0; }
  .pricing-page .pr-crumbs{ margin-bottom:4px; }
  .pricing-page .pr-lede{ font-size:15px; margin-top:4px; }
  .pricing-page .pr-overview{ padding-bottom:36px; }
  .pricing-page .pr-grid{ grid-template-columns:minmax(0,1fr); gap:12px; }
  .pricing-page .pr-how-grid, .pricing-page .pr-terms-grid{ grid-template-columns:minmax(0,1fr); gap:28px; }
  .pricing-page .pr-card{ padding:14px 14px 16px; }
  .pricing-page .pr-card-foot{ padding-top:12px; }
  .pricing-page .pr-card-foot .pr-btn{ flex:1 1 100%; }
  .pricing-page .pr-trx{ font-size:18px; }
  .pricing-page .pr-facts > div{ grid-template-columns:minmax(0,1fr); }
  .pricing-page .pr-tabs{ display:grid; grid-template-columns:minmax(0,1fr); }
  .pricing-page .pr-seg{ font-size:11px; }
  .pricing-page .pr-scroll-hint{ display:block; }
}
@media (max-width:359.98px){
  .pricing-page .pr-cmp{ font-size:13px; }
  .pricing-page .pr-trx{ font-size:16px; }
}