.elementor-2574 .elementor-element.elementor-element-d720f51{text-align:center;}/* Start custom CSS for text-editor, class: .elementor-element-af063f9 *//* ================================================================
   SmmWizardy — Service Page CSS
   Целевой виджет: .elementor-widget-text-editor
   Структура: h2, h3, p, ul/ol с emoji, tables, reviews h3
   Стиль: утверждённый мокап
================================================================ */

:root {
  --pg:      #E8EAF6;
  --panel:   #F0F1FA;
  --el:      #EAEDF8;
  --tint:    #DDDFFE;
  --tint2:   #EEEFFE;
  --acc:     #5458E8;
  --acc-dk:  #3B3EC8;
  --acc-lt:  #DDDFFE;
  --acc-mid: #9B9EE0;
  --t1:      #1A1C3A;
  --t2:      #5A5C88;
  --t3:      #9B9EE0;
  --border:  #D0D3EE;
  --border2: #B2B5E8;
  --green:   #1A9E72;
  --green-lt:#D8F2EA;
  --red:     #D93B3A;
  --red-lt:  #FCDEDE;
  --warn:    #B87415;
  --warn-lt: #FDF0D8;
}

/* ──────────────────────────────────────────────────────────
   ОБЁРТКА
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(84,88,232,.06),
              0 4px 20px rgba(84,88,232,.06);
}

.elementor-widget-text-editor .elementor-widget-container {
  padding: 48px 52px;
  font-family: 'Nunito','Inter',system-ui,-apple-system,sans-serif;
  font-size: 1rem;
  line-height: 1.82;
  color: var(--t2);
  -webkit-font-smoothing: antialiased;
}

.elementor-widget-text-editor .elementor-widget-container > *:first-child { margin-top: 0 !important; }
.elementor-widget-text-editor .elementor-widget-container > *:last-child  { margin-bottom: 0 !important; }

/* ──────────────────────────────────────────────────────────
   ПАРАГРАФЫ
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor p {
  font-size: .97rem;
  line-height: 1.84;
  color: var(--t2);
  margin: 0 0 1.1em;
  max-width: 72ch;
}

/* Первый параграф — лид */
.elementor-widget-text-editor .elementor-widget-container > p:first-of-type {
  font-size: 1.04rem;
  color: var(--t1);
  font-weight: 500;
  line-height: 1.75;
  background: var(--tint2);
  border-left: 3px solid var(--acc);
  padding: 14px 18px;
  border-radius: 0 12px 12px 0;
  margin-bottom: 1.5em;
  max-width: 100%;
}

/* Bold внутри параграфа */
.elementor-widget-text-editor p:not(.smm-review__text) strong {
  color: var(--t1);
  font-weight: 700;
  background: linear-gradient(transparent 56%, var(--tint) 56%);
  padding: 0 2px;
}

/* Параграф с CTA-ссылкой (strong > a) */
.elementor-widget-text-editor p > strong > a,
.elementor-widget-text-editor p > strong > a:visited {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  background: var(--acc);
  color: #fff !important;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease;
}
.elementor-widget-text-editor p > strong > a:hover {
  background: var(--acc-dk) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* ──────────────────────────────────────────────────────────
   H2 — основные разделы
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor h2 {
  position: relative;
  font-size: clamp(1.18rem, 2.4vw, 1.48rem);
  font-weight: 800;
  color: var(--t1);
  letter-spacing: -.022em;
  line-height: 1.22;
  margin: 2.8em 0 .65em;
  padding-bottom: 13px;
  border-bottom: 2px solid var(--tint);
}
.elementor-widget-text-editor h2::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 44px; height: 2px;
  background: var(--acc);
  border-radius: 2px;
}
.elementor-widget-text-editor h2:first-child { margin-top: 0; }

/* ──────────────────────────────────────────────────────────
   H3 — подразделы и отзывы
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--t1);
  line-height: 1.3;
  margin: 1.8em 0 .45em;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
/* Синяя точка перед h3 */
.elementor-widget-text-editor h3::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--acc);
}

/* H3 с emoji-звёздами (отзывы) — другой стиль */
.elementor-widget-text-editor h3:has(img.emoji) {
  font-size: .95rem;
  font-weight: 700;
  color: var(--t2);
  letter-spacing: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  margin-top: 1.2em;
}
.elementor-widget-text-editor h3:has(img.emoji)::before {
  display: none;
}
.elementor-widget-text-editor h3 img.emoji {
  display: inline !important;
  width: 16px !important;
  height: 16px !important;
  vertical-align: -2px !important;
  margin: 0 !important;
}

/* ──────────────────────────────────────────────────────────
   ССЫЛКИ
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor a {
  color: var(--acc);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--acc-mid);
  text-underline-offset: 3px;
  transition: color .15s ease, text-decoration-color .15s ease;
}
.elementor-widget-text-editor a:hover {
  color: var(--acc-dk);
  text-decoration-color: var(--acc-dk);
}

/* ──────────────────────────────────────────────────────────
   UL — маркированный список с emoji и без
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 1em 0 1.5em !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.elementor-widget-text-editor ul li {
  position: relative !important;
  padding: 11px 16px 11px 46px !important;
  background: var(--el) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  font-size: .95rem !important;
  color: var(--t2) !important;
  line-height: 1.62 !important;
  margin: 0 !important;
  transition: background .15s ease, border-color .15s ease !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0 !important;
}
.elementor-widget-text-editor ul li:hover {
  background: var(--tint) !important;
  border-color: var(--acc-mid) !important;
}

/* Дефолтный маркер-точка */
.elementor-widget-text-editor ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 17px !important;
  top: 19px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--acc) !important;
  flex-shrink: 0 !important;
}

/* Если li начинается с emoji-img — убираем точку, emoji позиционируем */
.elementor-widget-text-editor ul li:has(> img.emoji:first-child)::before {
  display: none !important;
}
.elementor-widget-text-editor ul li > img.emoji:first-child {
  position: absolute !important;
  left: 13px !important;
  top: 11px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  display: block !important;
}

/* Strong внутри li */
.elementor-widget-text-editor ul li strong {
  color: var(--t1);
  font-weight: 700;
  background: none;
  padding: 0;
}

/* ──────────────────────────────────────────────────────────
   OL — нумерованный список (шаги)
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 1em 0 1.5em !important;
  counter-reset: ol-sp !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.elementor-widget-text-editor ol li {
  counter-increment: ol-sp !important;
  position: relative !important;
  padding: 13px 18px 13px 56px !important;
  background: var(--el) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  font-size: .95rem !important;
  color: var(--t2) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  transition: background .15s ease, border-color .15s ease !important;
}
.elementor-widget-text-editor ol li:hover {
  background: var(--tint) !important;
  border-color: var(--acc-mid) !important;
}
.elementor-widget-text-editor ol li::before {
  content: counter(ol-sp) !important;
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important; height: 28px !important;
  border-radius: 50% !important;
  background: var(--acc) !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementor-widget-text-editor ol li strong {
  color: var(--t1);
  font-weight: 700;
  background: none;
  padding: 0;
}

/* ──────────────────────────────────────────────────────────
   ТАБЛИЦЫ — все форматы (цены, сравнение, характеристики)
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor table {
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
  margin: 1.2em 0 1.8em;
  border-radius: 14px;
  overflow: hidden;
  border: 1.5px solid var(--border);
  box-shadow: 0 1px 6px rgba(84,88,232,.07);
}

/* Заголовок */
.elementor-widget-text-editor table thead th {
  background: var(--el) !important;
  color: var(--t3) !important;
  font-size: .71rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .09em !important;
  padding: 11px 16px !important;
  border-bottom: 2px solid var(--border2) !important;
  text-align: left !important;
  white-space: nowrap;
}

/* Зебра */
.elementor-widget-text-editor table tbody tr:nth-child(odd) td  { background: var(--panel) !important; }
.elementor-widget-text-editor table tbody tr:nth-child(even) td { background: var(--el) !important; }
.elementor-widget-text-editor table tbody tr:hover td {
  background: var(--tint) !important;
  transition: background .12s ease;
}

/* Ячейки */
.elementor-widget-text-editor table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--t2) !important;
  vertical-align: middle !important;
  line-height: 1.5 !important;
}
.elementor-widget-text-editor table tbody tr:last-child td { border-bottom: none !important; }

/* Первая колонка (пакет/параметр) — жирная */
.elementor-widget-text-editor table td:first-child,
.elementor-widget-text-editor table th:first-child {
  font-weight: 700 !important;
  color: var(--t1) !important;
}

/* Колонка с ценой (3-я) — акцент */
.elementor-widget-text-editor table td:nth-child(3):not(:only-child) {
  color: var(--acc) !important;
  font-weight: 700 !important;
}

/* Колонка «Гарантия» — зелёная */
.elementor-widget-text-editor table td:last-child:not(:nth-child(2)) {
  color: var(--green) !important;
  font-weight: 600 !important;
}

/* Emoji в таблицах (флаги, галочки) */
.elementor-widget-text-editor table td img.emoji {
  display: inline !important;
  width: 17px !important;
  height: 17px !important;
  vertical-align: -3px !important;
  margin-right: 4px !important;
}

/* Мобайл — горизонтальный скролл */
@media(max-width:767px){
  .elementor-widget-text-editor table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    border-radius: 12px;
  }
}

/* ──────────────────────────────────────────────────────────
   ОТЗЫВЫ — блоки h3 + p (имя + текст + пакет)
────────────────────────────────────────────────────────── */

/* Обёртка для каждого отзыва = h3 + p */
.elementor-widget-text-editor h3:has(img.emoji) + p {
  background: var(--el);
  border: 1px solid var(--border);
  border-radius: 0 0 12px 12px;
  padding: 14px 18px;
  font-size: .93rem;
  line-height: 1.72;
  color: var(--t2);
  margin-top: -2px !important;
  margin-bottom: 16px !important;
  max-width: 100%;
}
/* Имя-заголовок отзыва */
.elementor-widget-text-editor h3:has(img.emoji) {
  background: var(--tint);
  border: 1px solid var(--border2);
  border-radius: 12px 12px 0 0;
  padding: 12px 18px;
  margin-bottom: 0 !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: var(--t1) !important;
}
/* Курсив (пакет и дата) внутри p отзыва */
.elementor-widget-text-editor h3:has(img.emoji) + p em {
  display: block;
  font-size: .76rem;
  font-style: normal;
  color: var(--t3);
  margin-top: 8px;
  border-top: 1px solid var(--border);
  padding-top: 8px;
}

/* ──────────────────────────────────────────────────────────
   ССЫЛКИ-НАВИГАЦИИ в конце (Смотрите также)
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor .elementor-widget-container > p:last-of-type {
  background: var(--el);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 18px;
  font-size: .84rem;
  color: var(--t3);
  max-width: 100%;
}
.elementor-widget-text-editor .elementor-widget-container > p:last-of-type a {
  font-weight: 700;
  text-decoration: none !important;
  padding: 3px 10px;
  background: var(--tint);
  border-radius: 999px;
  font-size: .8rem;
  margin: 0 2px;
  display: inline-block;
  transition: background .15s ease, color .15s ease;
}
.elementor-widget-text-editor .elementor-widget-container > p:last-of-type a:hover {
  background: var(--acc);
  color: #fff !important;
}

/* ──────────────────────────────────────────────────────────
   HR
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor hr {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, var(--acc), transparent);
  margin: 2.4em 0;
  border-radius: 2px;
  opacity: .25;
}

/* ──────────────────────────────────────────────────────────
   ПОСЛЕ h2 — меньший отступ перед текстом
────────────────────────────────────────────────────────── */
.elementor-widget-text-editor h2 + p,
.elementor-widget-text-editor h2 + ul,
.elementor-widget-text-editor h2 + ol { margin-top: .4em; }
.elementor-widget-text-editor h3 + p  { margin-top: .3em; }

/* ──────────────────────────────────────────────────────────
   АДАПТИВ
────────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .elementor-widget-text-editor .elementor-widget-container { padding: 36px 40px; }
}

@media(max-width:767px){
  .elementor-widget-text-editor { border-radius: 14px; }
  .elementor-widget-text-editor .elementor-widget-container { padding: 22px 20px; }
  .elementor-widget-text-editor p { font-size: .94rem; max-width: 100%; }
  .elementor-widget-text-editor .elementor-widget-container > p:first-of-type { padding: 12px 14px; font-size: .97rem; }
  .elementor-widget-text-editor h2 { font-size: 1.15rem; }
  .elementor-widget-text-editor h3 { font-size: .93rem; }
  .elementor-widget-text-editor ul li { padding: 10px 14px 10px 42px !important; font-size: .91rem !important; }
  .elementor-widget-text-editor ol li { padding: 11px 14px 11px 50px !important; font-size: .91rem !important; }
  .elementor-widget-text-editor p > strong > a { padding: 10px 20px; font-size: .88rem; }
}

@media(prefers-reduced-motion:reduce){
  .elementor-widget-text-editor * { transition-duration: .01ms !important; }
}/* End custom CSS */