/* Стоимость v2 (страница цен), 2026-09-30. Подключается после home-v2.css, только в шаблоне «Стоимость v2». */

/* ── Первый экран ── */
.pricing-hero__desc { max-width: 600px; color: #334155; font-size: 17px; }

/* ── Раздел 1: тарифы ── */
.prices .title { scroll-margin-top: 110px; }
.price2-after.home-text { max-width: none; margin-top: 40px; display: flex; flex-direction: column; gap: 16px; }
.price2-after .home-note { background: #fff; }
.price2-after > * + * { margin-top: 0; }

/* ── Разделы с текстом ── */
.price2-sec .home-text--wide > * + * { margin-top: 28px; }
.price2-sec .home-text p.home-lead + * { margin-top: 28px; }

/* ── Раздел 2: матрица работ по тарифам ── */
.price-matrix table { min-width: 720px; }
.price-matrix thead th { text-align: center; }
.price-matrix thead th:first-child { text-align: left; }
.price-matrix tbody th { text-align: left; font-weight: 600; color: #0f172a; background: #fff; padding: 14px 18px;
  border-top: 1px solid #eef3fa; width: 34%; }
.price-matrix td { text-align: center; vertical-align: middle; }
.home-table.price-matrix td:first-child { font-weight: 400; white-space: normal; color: #334155; }
.price-matrix td { font-size: 14.5px; }
.pm-mark { display: inline-block; width: 26px; height: 26px; border-radius: 50%; vertical-align: middle;
  background: #1a89f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat; }
.pm-dash { color: #cbd5e1; font-weight: 700; }
.price-matrix tbody tr:hover th, .price-matrix tbody tr:hover td { background: #f8fbff; }

/* ── Раздел 3: таблица калькулятора и карточки факторов ── */
.price-factors table { min-width: 560px; }
.price-factors tbody th { text-align: left; font-weight: 700; color: #0f172a; background: #fff; padding: 14px 18px;
  border-top: 1px solid #eef3fa; white-space: nowrap; width: 220px; }
.home-table.price-factors td:first-child { font-weight: 400; white-space: normal; color: #334155; }
.home-sec--soft .price-factors tbody th { background: #fff; }
.home-cards--4 { grid-template-columns: repeat(2, 1fr); }
.home-cards--3 { grid-template-columns: repeat(3, 1fr); }
.home-cards--4 .home-card, .home-cards--3 .home-card,
.home-cards--4 .home-card:nth-child(n), .home-cards--3 .home-card:nth-child(n) { grid-column: span 1; }
.home-sec--soft .home-card { background: #fff; }
.home-card__text p + p { margin-top: 10px; }
.home-card__text p { color: #475569; font-size: 15.5px; line-height: 155%; }

/* ── Раздел 4: вступление над калькулятором ── */
.price2-calc-intro.home-text { max-width: 860px; margin-bottom: 40px; }
.price2-calc-intro.home-text p { color: #334155; font-size: 17px; }

/* ── Раздел 5: прайс доп. услуг ── */
.home-text ul.price-addons { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.price-addons li.price-addon { margin: 0; display: flex; flex-direction: column; gap: 12px; background: #f2f7fd; border-radius: 28px; padding: 28px; }
.price-addon__name { font-weight: 700; font-size: 19px; line-height: 130%; color: #0f172a; }
.home-text .price-addon__name a { color: #0f172a; text-decoration-color: rgba(26, 137, 249, .45); }
.home-text .price-addon__name a:hover { color: #1a89f9; }
.price-addon__price { font-weight: 800; font-size: 34px; line-height: 1; letter-spacing: -1px; color: #1a89f9; white-space: nowrap; }
.price-addon__price span { font-weight: 600; font-size: 15px; letter-spacing: 0; color: #64748b; }
.home-text .price-addon p { font-size: 15.5px; line-height: 155%; color: #475569; }
.price-addon__label { font-weight: 600; color: #0f172a; }

/* ── Раздел 6: модели оплаты ── */
.price2-sec .plan-cards { margin: 0; }
.home-sec--soft .plan-card { border-color: #fff; }
.home-sec--soft .plan-card--main { border-color: #1a89f9; }

/* ── Раздел 7: когда не окупится ── */
.not-fit__item p + p { margin-top: 8px; }
.home-text .not-fit__item p.nofit-better { color: #0f172a; }
.nofit-better span { font-weight: 600; color: #1a89f9; }

@media (max-width: 1024px) {
  .home-cards--3 { grid-template-columns: 1fr; }
  .home-text ul.price-addons { grid-template-columns: 1fr; gap: 14px; }
  .price-addons li.price-addon { padding: 22px; border-radius: 22px; }
}
@media (max-width: 700px) {
  .home-cards--4 { grid-template-columns: 1fr; }
  .price-addon__price { font-size: 28px; }
  .price2-after.home-text { margin-top: 28px; }
  .price2-calc-intro.home-text { margin-bottom: 28px; }
  .price2-calc-intro.home-text p { font-size: 16px; }
  .price-matrix tbody th { width: auto; min-width: 180px; }
}

/* ── правки 30.09 после просмотра ── */
.price-addon__price span { margin-left: 8px; }
.price2-reviews .home-reviews__head { justify-content: flex-end; }

/* матрица на телефоне: строка = карточка, у каждого значения подпись тарифа */
@media (max-width: 700px) {
  .price-matrix table, .price-matrix tbody, .price-matrix tr, .price-matrix th, .price-matrix td { display: block; width: 100%; }
  .price-matrix table { min-width: 0; background: transparent; border: 0; border-radius: 0; overflow: visible; }
  .price-matrix thead { display: none; }
  .price-matrix tbody tr { background: #fff; border: 1px solid #e2ecf8; border-radius: 20px; margin-bottom: 12px; overflow: hidden; }
  .price-matrix tbody th { width: auto; min-width: 0; border-top: 0; background: #f2f7fd; padding: 12px 16px; font-size: 15px; }
  .price-matrix tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; text-align: right;
    padding: 10px 16px; border-top: 1px solid #eef3fa; font-size: 14.5px; }
  .price-matrix tbody td::before { content: attr(data-t); flex: 0 0 auto; text-align: left; font-weight: 600; font-size: 13px;
    color: #64748b; text-transform: uppercase; letter-spacing: .02em; }
  .price-matrix tbody tr:hover th, .price-matrix tbody tr:hover td { background: inherit; }
  .price-matrix tbody tr:hover th { background: #f2f7fd; }
  .pm-mark { width: 22px; height: 22px; background-size: 14px; }
}