/* ═══ Гусь Знает v25 — новая модель оплаты: тарифы, документы без подписки, предложение при оплате ═══
   После v24.css, на токенах v23 (--gk-*). */

/* ── Страница «Тарифы» ─────────────────────────────────────────────────── */
.pp-head { display: grid; gap: 12px; justify-items: start; max-width: 820px; margin-bottom: 28px; }
.pp-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
@media (max-width: 960px) { .pp-plans { grid-template-columns: minmax(0, 1fr); } }
.pp-plan { display: flex; flex-direction: column; gap: 12px; min-height: 420px; padding: 24px; border: 1px solid var(--gk-line); border-radius: var(--gk-r-block); background: #fff; }
.pp-plan.gk-skel { min-height: 420px; }
.pp-plan.is-accent { border-color: var(--gk-coral); box-shadow: 0 0 0 1px var(--gk-coral); }
.pp-plan__tag { margin: 0; font: 600 13px/1.4 var(--gk-font-b); letter-spacing: .05em; text-transform: uppercase; color: var(--gk-faint); }
.pp-plan.is-accent .pp-plan__tag { color: var(--gk-coral-ink); }
.pp-plan__desc { margin: 0; color: var(--gk-muted); font-size: 15px; line-height: 1.5; }
.pp-plan .gp-price { display: flex; align-items: baseline; gap: 8px; }
.pp-plan .gp-price strong { font: 800 34px/1.1 var(--gk-font-h); color: var(--gk-ink); }
.pp-plan .gp-price span { color: var(--gk-muted); font-size: 15px; }
.pp-plan .gp-price__note { margin: -6px 0 0; font-size: 14px; color: var(--gk-sage-ink); }
.pp-plan__feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; flex: 1; }
.pp-plan__feats li { display: flex; gap: 10px; font-size: 15px; line-height: 1.45; }
.pp-plan__feats .gi { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--gk-sage-ink); }
.pp-plan__cta { display: grid; }
.pp-sec { margin-top: 48px; }
.pp-sec > .g-h3 { margin-bottom: 10px; }
.pp-sec > .g-small { max-width: 760px; margin-bottom: 16px; }
.pp-packs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 10px; }
@media (max-width: 760px) { .pp-packs { grid-template-columns: minmax(0, 1fr); } }
.pp-pack { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; border: 1px solid var(--gk-line); border-radius: var(--gk-r-l); background: var(--gk-surface); }
.pp-pack p { margin: 4px 0 0; color: var(--gk-muted); font-size: 15px; }
.pp-pack__side { display: grid; justify-items: end; gap: 8px; flex: none; }
.pp-pack__side strong { font: 800 24px/1.1 var(--gk-font-h); }
@media (max-width: 480px) { .pp-pack { flex-direction: column; align-items: stretch; } .pp-pack__side { justify-items: stretch; } }
.pp-table-wrap { overflow-x: auto; border: 1px solid var(--gk-line); border-radius: var(--gk-r-l); }
.pp-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15px; }
.pp-table th, .pp-table td { padding: 12px 16px; border-bottom: 1px solid var(--gk-line); text-align: center; }
.pp-table thead th { font: 700 15px var(--gk-font-h); background: var(--gk-surface); }
.pp-table th[scope="row"] { text-align: left; font-weight: 500; }
.pp-table tr:last-child th, .pp-table tr:last-child td { border-bottom: 0; }
/* телефон: таблица без прокрутки вбок — узкие колонки, перенос текста (широкая таблица раздвигала экран телефона) */
@media (max-width: 640px) {
  .pp-table { min-width: 0; table-layout: fixed; font-size: 14px; }
  .pp-table th, .pp-table td { padding: 10px 4px; }
  .pp-table th[scope="row"] { width: 42%; padding-left: 12px; }
  .pp-table thead th { font-size: 13px; word-break: break-word; }
  .pp-pack-cell { font-size: 12px; }
}
.pp-yes .gi { width: 20px; height: 20px; color: var(--gk-sage-ink); }
.pp-no { color: var(--gk-faint); }
.pp-pack-cell { font-size: 13px; color: var(--gk-muted); }
.pp .gk-faq { max-width: 820px; }

/* ── Предложение при оплате (документ, Pro, Business) ──────────────────── */
.pw-opts { display: grid; gap: 10px; }
.pw-opt { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 64px; padding: 14px 16px; text-align: left;
  border: 1px solid var(--gk-line); border-radius: var(--gk-r-l); background: #fff; color: var(--gk-ink); font: inherit; cursor: pointer; }
.pw-opt:first-child { border-color: var(--gk-coral); }
@media (hover: hover) { .pw-opt:hover { border-color: var(--gk-coral); background: var(--gk-accent-tint); } }
.pw-opt:focus-visible { outline: 3px solid var(--gk-coral); outline-offset: 2px; }
.pw-opt__main { display: grid; gap: 2px; }
.pw-opt__main b { font-size: 16px; }
.pw-opt__main small { font-size: 14px; color: var(--gk-muted); }
.pw-opt__price { flex: none; font: 700 16px var(--gk-font-h); color: var(--gk-coral-ink); }

/* ── Кабинет: документы без подписки, профиль компании; оплата пакета ──── */
.ga-credits p, .ga-company p { color: var(--gk-muted); line-height: 1.55; }
.ga-company__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 16px; margin: 12px 0 16px; }
.gco-pack h2 { margin-top: 0; }
.gco-feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.gco-feats li { display: flex; gap: 10px; line-height: 1.5; }
.gco-feats .gi { flex: none; width: 18px; height: 18px; margin-top: 3px; color: var(--gk-sage-ink); }
.pp .gk-faq { margin-left: 0; margin-right: 0; }
.gco-legal a, .gco-secure a { text-decoration: underline; text-underline-offset: 2px; }      /* ссылки в тексте — не только цветом (WCAG 1.4.1) */