/* Помощник подбора (R38), описание «Навигации» (R42), «← Все материалы» и «← К подборке» (R40, R38).
   Вид — прототип liga-sajt-vstuplenie (vstuplenie.css, блоки vst-pm, vst-pf, vst-nazad). */

/* ── «← Все материалы» и «← К подборке» ── */
.nazady{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.nazady .btn.nazad{min-height:38px;padding:0 14px;font-size:14px;gap:8px}
.nazad .lu{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pm-kp{border-color:#C79A3E}
.pm-kp-o{margin:0 0 12px}
.modal .pm-kp-o .pm-kp{width:auto;margin:0;min-height:38px;padding:0 14px;font-size:14px;gap:8px}

/* ── описание раздела «Навигация» ── */
.pm-opis{max-width:720px;margin:12px 0 0}

/* ── полоска: золотистая подложка и рамка, круглый золотой значок-компас, золотая кнопка ── */
.pm{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 18px;width:100%;margin:16px 0 0;padding:16px 18px;
  border:1px solid rgba(199,154,62,.55);border-radius:6px;background:rgba(199,154,62,.12);color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  transition:border-color 140ms ease-out,background-color 140ms ease-out}
.pm:hover{border-color:#C79A3E;background:rgba(199,154,62,.18)}
.pm[hidden]{display:none}
.pm-i{width:40px;height:40px;border-radius:50%;background:#C79A3E;color:#16141F;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pm-i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pm-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.pm-h{font-weight:700;color:var(--ink)}
.pm-t{color:var(--soft)}
.pm .pm-x{min-height:38px;padding:0 16px;font-size:14px;font-weight:700;color:#16141F}
button.pm .pm-x{pointer-events:none}
.pm.gotova{cursor:default}
.pm.gotova .pm-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-a{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pm .pm-zan{min-height:38px;padding:0 14px;font-size:14px}
@media screen and (max-width:639px){
  .pm{grid-template-columns:auto 1fr}
  .pm .pm-x,.pm-a{grid-column:1 / -1;justify-content:center}
  .pm-a .btn{flex:1}
  .pm.gotova .pm-t{white-space:normal}
}

/* ── окно: шаг 1 — до 760 px, ответ — до 1080 px ── */
.modal.pm-modal{width:min(100%,760px)}
.modal.pm-modal.pm-shiroko{width:min(100%,1080px)}
.modal.pm-modal .btn{width:auto;margin-top:0}
.pm-n{color:var(--soft);margin:8px 0 14px}
.modal p.pm-n{margin:16px 0 14px}
.pm-boli button{white-space:normal;text-align:left}
.pm-l{display:flex;flex-direction:column;gap:6px;margin-top:18px;font-weight:600;color:var(--ink)}
.pm-l textarea{min-height:76px;padding:10px 12px;resize:vertical;font:inherit}
.modal p.pm-osh{margin:16px 0 14px;color:var(--soft)}
.pm-osh:empty{display:none}
/* «Подобрать» — золотая кнопка во всю ширину окна, как в прототипе */
.pm-d{margin-top:14px}
.modal.pm-modal .pm-d .btn{width:100%;margin-top:28px}

/* шаг 2 */
.pm-top{margin:-8px 0 16px}
.modal .pm-izm{min-height:36px;padding:0 12px;font-size:14px;gap:8px}
.pm-izm .lu{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pm-ms{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 18px}
.pm-ml{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);margin-right:4px}
.pm-m{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(241,239,248,.28);color:var(--ink)}

/* строка «Вступить в клуб» гостю — вся ведёт на анкету */
a.pm-klub{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 20px;padding:12px 12px 12px 18px;
  border:1px solid rgba(199,154,62,.5);border-radius:6px;background:rgba(199,154,62,.14);text-decoration:none;color:var(--soft)}
a.pm-klub:hover{border-color:#C79A3E}
a.pm-klub>span:first-child{flex:1 1 360px;font-size:15px;line-height:1.45}
a.pm-klub b{color:var(--ink);font-weight:700}
.modal a.pm-klub .btn{min-height:40px;gap:8px}
a.pm-klub .btn svg{width:14px;height:14px}

/* «Начните с этого» и «Ещё подходит» — две колонки, на телефоне друг под другом */
.pm-kol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 32px;align-items:start}
.pm-kol.odna{grid-template-columns:1fr}
.modal p.pm-gk{margin:0 0 10px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.05em;color:var(--soft)}
.modal .pm-gl p.pm-gk{color:#D4AB55}
.pm-gc{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:8px;text-decoration:none;color:var(--ink);
  border:1px solid rgba(199,154,62,.55);background:rgba(199,154,62,.10)}
.pm-gc:hover{border-color:#D4AB55}
.pm-gt{font-size:21px;line-height:1.25;letter-spacing:-.01em;font-weight:700}
.pm-gn{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.modal .pm-gb{min-height:42px;gap:8px;pointer-events:none}
.pm-v{display:block;font-size:13px;font-weight:500;line-height:1.45;color:var(--soft)}
.pm-v>span{color:inherit}
.pm-v i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#D4AB55;vertical-align:1px;margin-right:6px}
.pm-v[data-g="i"] i{background:#A897FF}
.pm-v[data-g="k"] i{background:#7FB2F0}
.pm-v[data-g="b"] i{background:#E0A3D2}
.pm-zk{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:var(--muted)}
.pm-zk .lu{width:12px;height:12px}
.pm-pr{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.pm-s{list-style:none;margin:0;padding:0;border-top:1px solid rgba(241,239,248,.12)}
.pm-s a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:12px 4px;border-bottom:1px solid rgba(241,239,248,.12);
  color:inherit;text-decoration:none}
.pm-s a:hover{background:rgba(241,239,248,.05)}
.pm-st{display:flex;flex-direction:column;gap:4px;min-width:0}
.pm-st b{font-size:15px;line-height:1.4;font-weight:600;color:var(--ink)}
.pm-s .pm-pr{padding-top:3px}
@media screen and (max-width:759px){
  .pm-kol,.pm-kol.odna{grid-template-columns:1fr}
  .pm-es{margin-top:24px}
  .pm-gt{font-size:19px}
  .pm-gc{padding:18px}
}
@media screen and (max-width:639px){.pm-s a{grid-template-columns:1fr;gap:4px}.pm-s .pm-pr{padding-top:0}}

/* «Не нашли нужное?» — компактно, одной строкой на серой подложке */
.pm-z{margin-top:24px;padding:14px 16px;border-radius:6px;background:rgba(241,239,248,.05)}
.pm-zr{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.pm-zt{flex:1 1 320px;font-size:15px;line-height:1.45;color:var(--soft)}
.pm-zt b{color:var(--ink)}
.pm-za{display:flex;flex-wrap:wrap;gap:8px}
.modal .pm-za .btn{min-height:38px;padding:0 14px;font-size:14px}
.pm-za [aria-expanded="true"]{border-color:var(--ink);background:var(--tint)}
.pm-f{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.pm-f[hidden]{display:none}
.modal p.pm-fp{margin:0;font-size:13px;color:var(--muted)}
.pm-fr{display:flex;gap:8px}
.pm-fr .inp{flex:1;min-width:0;height:42px;padding:0 12px;font:inherit}
.modal .pm-fr .btn{min-height:42px}
.modal p.pm-fs{margin:0;font-size:13px;color:var(--soft);min-height:1em}
.modal p.pm-ok{margin:12px 0 0;color:var(--ink);font-weight:600}
@media screen and (max-width:639px){.pm-fr{flex-direction:column}.modal .pm-za .btn{flex:1 1 auto}}