/* PC-SOFT — выбор срока подписки, вариант C2 (плитки). */
.pct{margin-top:18px;container-type:inline-size}
.pct-lbl{margin-bottom:8px;font-size:12.5px;color:#667085;font-weight:600}
.pct-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.pct-tiles--many{grid-template-columns:1fr 1fr 1fr}
.pct-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  border:1px solid #e6e8ee;border-radius:12px;padding:11px 13px;background:#fff;cursor:pointer;
  font:inherit;color:#101828;text-align:left;transition:border-color .15s,box-shadow .15s}
.pct-tile:hover{border-color:#2456f0}
.pct-tile.is-on{border-color:#2456f0;box-shadow:inset 0 0 0 1px #2456f0;background:#f5f8ff}
.pct-tile b{font-weight:600;font-size:13px;line-height:1.25}
.pct-p{font-weight:700;font-size:17px;line-height:1.2;font-variant-numeric:tabular-nums}
.pct-m{font-size:11.5px;color:#667085}


.pct-tiles--many .pct-tile{padding:10px 10px}
.pct-tiles--many .pct-tile b{font-size:12.5px}
.pct-tiles--many .pct-p{font-size:15px}
.pct-cart-term{color:#667085;font-weight:400}
/* все сроки в одну строку, если панель это позволяет */
@container (min-width:500px){.pct-tiles--many{grid-template-columns:repeat(var(--pct-count,3),1fr)}}
@container (min-width:400px) and (max-width:499px){.pct-tiles--many{grid-template-columns:repeat(3,1fr)}}
@container (max-width:399px){.pct-tiles--many{grid-template-columns:1fr 1fr}}
.pct-cart-badge{display:inline-flex;align-items:center;background:#f5f8ff;color:#2456f0;border:1px solid #dbe4ff;
  border-radius:20px;padding:3px 11px;font-size:12px;font-weight:600;margin-left:8px}
.pct-months{white-space:nowrap}

.pct-tile{overflow:visible}
.pct-badge{position:absolute;top:-9px;right:-7px;background:#027a48;color:#fff;border:2px solid #fff;
  border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;white-space:nowrap;line-height:1.4;
  box-shadow:0 2px 8px rgba(2,122,72,.2)}
.pct-badge--best{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:#027a48;color:#fff;
  border:2px solid #fff;border-radius:20px;padding:2px 10px;font-size:9.5px;font-weight:600;white-space:nowrap;
  line-height:1.45;box-shadow:0 2px 8px rgba(2,122,72,.2)}
.pct-tiles{padding:10px 0 12px}

/* ============================================================
   Плитки срока — приведение к макету 64, раскладка B4.
   Раньше страница была настроена по значениям вариантов B1-B3
   (12.5 / 15 / 11.5). У B4 плитки мельче: 11.5 / 16 / 10.5,
   отбивки внутри плитки заданы отступами, а не gap.
   ============================================================ */
.pct{margin-top:22px}
.pct-lbl{margin-bottom:10px;font-size:12.5px;font-weight:600}

.pct-tiles{gap:7px}
.pct-tile{gap:0}

.pct-tiles--many .pct-tile{padding:11px 9px 10px}
.pct-tiles--many .pct-tile b{font-size:11.5px;font-weight:600;line-height:1.25}
.pct-tiles--many .pct-p{font-size:16px;font-weight:700;line-height:1.2;margin-top:4px}
.pct-m{font-size:10.5px;margin-top:2px;line-height:1.2}

/* Цена в плитке срока: 700 в Golos на 16px даёт пятно — 600. */
.pct-tiles--many .pct-p{font-weight:600}
.pct-p{font-weight:600}

/* ============================================================
   Пилюля со скидкой «−N %» остаётся как была: до нажатия на
   «24 месяца» человек иначе не увидит, что скидка доходит
   до 79 % — это и есть повод нажать.

   «выгоднее всего» скрыта, но не удалена: она налезала на рамку
   плитки и закрывала «в месяц». Разметка на месте, включается
   снятием этого правила — правка PHP не нужна.
   ============================================================ */
.pct-badge--best{display:none}