/* ---------- ДОП. СТИЛИ ДЛЯ ГЛАВНОЙ (v7) ---------- */

/* Общие мелочи */
.card h3{ margin-top:.1em }
.card .list{ gap:8px }
.lead{ line-height:1.5 }

/* Заголовки секций (в т.ч. «Фокус…») — компактнее */
.section-head h2{
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.2;
  letter-spacing:-.2px;
}

/* Кнопки в карточках — по центру */
.card__foot, .card .cta{
  width:100%; display:flex; justify-content:center; align-items:center; gap:8px;
}
.btn-sm{ padding:8px 12px; font-size:14px }

/* ---------- ФОКУС НА БІЗНЕС-РЕЗУЛЬТАТ ---------- */
/* компактные карточки, текст слева, аккуратные чек-пойнты */
.results{
  --copy-width:50ch;        /* ширина текстовой колонки в карточке */
  --lead-lines:4;           /* «высота» описания в строках для выравнивания */
}
@media (max-width:980px){ .results{ --copy-width:46ch } }
@media (max-width:680px){ .results{ --copy-width:100%; --lead-lines:0 } }

.results .card--result{
  display:grid;
  grid-template-rows:auto auto 1fr;   /* заголовок → описание → список */
  row-gap:12px;
  padding:26px 24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%,transparent),var(--card));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  align-content:start;
  justify-items:start;                /* ВАЖНО: всё прижато влево */
}
.results .card--result h3{
  margin:0 0 2px;
  letter-spacing:-.2px;
  font-size:20px;                     /* хеддер карточки меньше */
  line-height:1.25;
}
.results .card--result .lead{
  margin:0; color:var(--muted); line-height:1.6;
  max-width:var(--copy-width);
  min-height: calc(1.6em * var(--lead-lines));
  justify-self:start;                 /* не центрируется */
}
.results .card--result .list{
  width:auto;                         /* ширина по содержимому */
  max-width:var(--copy-width);
  display:grid; gap:12px;
  grid-auto-rows:minmax(56px, auto);  /* одинаковая «плашка» */
  margin-top:6px;
  justify-self:start;                 /* строго слева */
}
.results .card--result .list li{
  position:relative;
  display:flex; align-items:center; gap:12px;
  padding:12px 16px 12px 48px;        /* место под иконку слева */
  border:1px solid var(--border);
  border-radius:16px;
  background:color-mix(in srgb,var(--card) 90%, transparent);
}
/* круглешок + галочка */
.results .card--result .list li::before{
  content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%, transparent);
}
.results .card--result .list li::after{
  content:"✓"; position:absolute; left:21px; top:50%; transform:translateY(-52%);
  color:#fff; font-size:13px; font-weight:700;
}

/* блок «Інструменти» под фокусом */
.tools{
  margin-top:16px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  border:1px solid var(--border); border-radius:14px;
  padding:12px 14px;
  background:color-mix(in srgb,var(--card) 90%, transparent);
}

/* ---------- ПОСЛУГИ / ФОРМАТИ (продающие карточки) ---------- */
.card--service, .card--format{
  display:flex; flex-direction:column; gap:12px; min-height:100%;
}
.card__head h3{ margin:.2em 0 .15em }
.card__head .lead{ margin:0 0 .25rem; color:var(--muted) }
.card--service .card__head, .card--format .card__head{
  padding-bottom:8px; border-bottom:1px dashed var(--border); margin-bottom:8px;
}
/* списки выгод — «плашки» */
.card--service .list, .card--format .list{ gap:10px }
.card--service .list li, .card--format .list li{
  position:relative;
  padding:12px 14px 12px 44px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--card) 86%, transparent);
}
.card--service .list li::before, .card--format .list li::before{
  content:"✓"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; border-radius:50%;
  background:color-mix(in srgb,var(--accent) 28%, var(--card));
  color:var(--accent); display:grid; place-items:center; font-size:12px;
}
/* подсветка рекомендованного формата */
.card--accent{
  outline:2px solid color-mix(in srgb,var(--primary) 35%, transparent);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}

/* ---------- БЛОГ (широкие карточки) ---------- */
.blog-wide .card--post{ display:flex; flex-direction:column; gap:8px; min-height:160px }
.blog-wide .card--post .lead{ color:var(--muted) }
.blog-wide .post-meta{ display:flex; gap:8px; flex-wrap:wrap; margin-top:auto }

/* ---------- КОНТАКТ-БЛОК ---------- */
.contact__form .hint{ margin-top:6px }
.contact__value .mini{ margin-top:10px }
.chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px }

/* ---------- Респонсив ---------- */
@media (max-width:680px){
  .card--service, .card--format, .results .card--result{ padding:20px }
}