/* SEOMOLOT — конверсионные блоки внутри статьи блога (inc/blog-cta.php):
   .smlt-icta — компактная врезка в середине текста (светлая, «песочная»);
   .smlt-bcta — блок с формой заявки в конце статьи (тёмный, как секция .cta главной).
   Подключается только на одиночной записи. Переменные и .btn — из site.css.
   Все правила ограничены своими префиксами: два класса в селекторе — этого
   веса хватает, чтобы перебить типографику .article__body из pages.css
   без принудительных переопределений. */

/* ============================================================
   ВРЕЗКА В СЕРЕДИНЕ СТАТЬИ
   ============================================================ */
.smlt-icta{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px;
  margin:32px 0;padding:18px 22px;background:var(--sand);
  border:1px solid var(--line);border-left:4px solid var(--forge);
  border-radius:0 var(--radius) var(--radius) 0}
.smlt-icta .smlt-icta__p{flex:1 1 300px;margin:0;color:var(--text);
  font-size:.99rem;line-height:1.55}
.smlt-icta .smlt-icta__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:.45em;
  min-height:44px;padding:11px 22px;border-radius:var(--radius);
  background:var(--forge);color:#fff;font-family:var(--font-display);font-weight:500;
  font-size:1rem;letter-spacing:.01em;text-decoration:none;box-shadow:var(--shadow-forge);
  transition:background .18s,transform .18s var(--ease)}
.smlt-icta .smlt-icta__btn:hover{background:var(--ember);color:#fff;text-decoration:none;transform:translateY(-2px)}
.smlt-icta .smlt-icta__btn:active{transform:translateY(0)}
.smlt-icta .smlt-icta__ar{display:inline-block;transition:transform .2s var(--ease)}
.smlt-icta .smlt-icta__btn:hover .smlt-icta__ar{transform:translateX(3px)}

/* ============================================================
   БЛОК С ФОРМОЙ В КОНЦЕ СТАТЬИ
   ============================================================ */
.smlt-bcta{position:relative;overflow:hidden;scroll-margin-top:84px;
  margin:44px 0 4px;padding:clamp(24px,3.4vw,36px);border-radius:16px;
  color:var(--on-dark);
  background:radial-gradient(125% 140% at 12% -10%,var(--ink-3),var(--ink) 60%)}
.smlt-bcta::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,125,51,.5),transparent)}
.smlt-bcta .smlt-bcta__in{position:relative;display:grid;gap:26px;align-items:start}

/* левая колонка — что даёт аудит */
.smlt-bcta .smlt-bcta__ttl{margin:0 0 12px;padding:0;
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.45rem,3.2vw,1.95rem);
  line-height:1.1;letter-spacing:-.015em;color:var(--on-dark)}
.smlt-bcta .smlt-bcta__ttl::before{content:none;display:none}
.smlt-bcta .smlt-bcta__p{margin:0 0 18px;color:var(--on-dark-mut);font-size:1.01rem;line-height:1.65}
.smlt-bcta .smlt-bcta__list{list-style:none;display:grid;gap:10px;margin:0 0 18px;padding:0}
.smlt-bcta .smlt-bcta__li{position:relative;margin:0;padding-left:28px;
  color:var(--on-dark);font-size:.97rem;line-height:1.5}
.smlt-bcta .smlt-bcta__li::before{content:"";position:absolute;left:2px;top:6px;width:13px;height:8px;
  border-left:2.5px solid var(--ember);border-bottom:2.5px solid var(--ember);transform:rotate(-45deg)}

/* альтернатива форме — телефон и мессенджеры */
.smlt-bcta .smlt-bcta__alt{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;
  margin-top:20px;padding-top:18px;border-top:1px solid rgba(246,239,230,.13)}
.smlt-bcta .smlt-bcta__alt-t{flex:1 0 100%;font-size:.9rem;color:var(--on-dark-mut);line-height:1.4}
.smlt-bcta .smlt-bcta__phone{display:inline-flex;align-items:center;min-height:44px;
  font-family:var(--font-display);font-weight:600;font-size:1.14rem;
  color:var(--on-dark);text-decoration:none;transition:color .15s}
.smlt-bcta .smlt-bcta__phone:hover{color:var(--ember);text-decoration:none}
.smlt-bcta .msgr{gap:10px}
.smlt-bcta .msgr__btn{width:44px;height:44px;color:var(--on-dark);
  border-color:rgba(246,239,230,.22);font-weight:400}
.smlt-bcta .msgr__btn:hover{background:var(--forge);border-color:var(--forge);color:#fff}

/* форма */
.smlt-bcta .smlt-bcta__form{display:grid;gap:12px;padding:22px;border-radius:14px;
  background:rgba(246,239,230,.045);border:1px solid rgba(246,239,230,.13)}
.smlt-bcta .smlt-bcta__input{width:100%;min-height:48px;padding:13px 15px;border-radius:8px;
  border:1px solid rgba(246,239,230,.2);background:rgba(246,239,230,.06);
  color:var(--on-dark);font-family:var(--font-body);font-size:1rem;line-height:1.4;
  transition:border-color .15s}
.smlt-bcta .smlt-bcta__input::placeholder{color:rgba(201,184,165,.7)}
.smlt-bcta .smlt-bcta__input:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:transparent}
.smlt-bcta .smlt-bcta__consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  font-size:.82rem;line-height:1.5;color:var(--on-dark-mut)}
.smlt-bcta .smlt-bcta__box{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--forge)}
.smlt-bcta .smlt-bcta__law{color:var(--ember-soft);font-weight:600;
  text-decoration:underline;text-underline-offset:2px}
.smlt-bcta .smlt-bcta__law:hover{color:var(--ember);text-decoration:underline}
.smlt-bcta .smlt-bcta__btn{width:100%;min-height:50px;justify-content:center;margin-top:2px}
.smlt-bcta .smlt-bcta__hint{margin:0;font-size:.8rem;line-height:1.45;
  color:var(--on-dark-mut);text-align:center}

/* ============================================================
   АДАПТИВ
   ============================================================ */
/* две колонки — только когда колонка статьи достаточно широкая */
@media(min-width:860px){
  .smlt-bcta .smlt-bcta__in{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:640px){
  .smlt-icta{padding:16px 18px;gap:14px}
  .smlt-icta .smlt-icta__p{flex:1 1 100%}
  .smlt-icta .smlt-icta__btn{width:100%}
  .smlt-bcta{margin:36px 0 4px;border-radius:14px}
  .smlt-bcta .smlt-bcta__form{padding:18px}
  .smlt-bcta .smlt-bcta__alt{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .smlt-icta .smlt-icta__btn,
  .smlt-icta .smlt-icta__ar{transition:none}
  .smlt-icta .smlt-icta__btn:hover{transform:none}
  .smlt-icta .smlt-icta__btn:hover .smlt-icta__ar{transform:none}
}